Not able to show full photos in mobile screen

jcarlosd

This is the site I am working on: https://www.pidirector.com/

In a desktop I can see all blocks of text and images without any problem

But if I resize the screen or use a mobile the photos are cut to a small portion of the top but the text boxes are ok

How can I configure the theme to be able to show full photos? So far I am working with the option "Equal height | items in wrap" because if not, photos are not align to text boxes.

I'll appreciate your help

Pablo

Hi,
These images height options are overwritten by the height:auto
And the images are very thin because you have a lot of text, but we can fix that.

Please remove the CSS inline height 400px property, and paste this shortcode into the column with that background image:

[divider height="400"]

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jcarlosd

Thanks for your help, Pablo, but I don't know if I fully understood you:

- If we see the home page at https://www.pidirector.com/ (or the others) our design is based on mixing blocks of text with photo blocks on the same line. I had to mark the option "Equal Height | items in wrap" in every section, because if not photos are reduced to a small height

- I am not aware of any "CSS inline height 400px", as you mentioned

- I tried that shortcode: if I put just height="30", in a mobile I only see a photo of 30px height. The first photo is 300px height: if I put height="300" in a mobile the photo is seen with that height, but it is not scaled, so it is cut at the right side.

¿Is it possible a solution where the photos are scaled / responsive? And they are not reduced in a mobile/small device.

Another example is the pages with people photos at https://www.pidirector.com/equipo/ where the shortcode is showing the whole photo and the text blocks are bigger than necessary.

Pablo

If you're using the "Equal Height Items in wrap", then only way to fix it, is by attaching in the Column's "Custom | Styles" the "min-height:200px" value.

See screen:

http://prntscr.com/n0wbfl

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jcarlosd

Thanks!

That solution is enough and now all the photos can be seen with the mobile.