[Resolved] grid blocks not displaying on mobile

[Rob]

Hello,
I have a grid with 4 blocks, each displaying an image. However, in the mobile view, only one image shows.
This grid is located in the footer.
https://snipboard.io/SRbxDL.jpg
https://snipboard.io/TJN2Hl.jpg

I have looked for display settings that could control the grid display on mobile and have not found any.
Pls, let me know how to get each of the 4 images to display on mobile views.

Thanks in advance!
Rob

[Rob]

https://ian.midnightmarketingsolutions.com/

[Jean Paiva]

Hey Rob,

You defined Minimum Height only for the first container, you need to apply it to all containers cause they don’t have content inside, so the height by default is 0.

[Rob]

Thanks, I have set the min-height to be the same for each. But it still doesn’t display the other 3 blocks. I tried in an incognito browser to be sure there is no cache involved with what I am seeing.

Side note: copying styles of blocks would be a handy feature.

Thanks,
Rob

[Fernando]

Hi Rob,

I checked the Container Blocks, and there isn’t a min-height set yet on mobile view.

Can you try adding a value for all four and check again?

Example: https://share.getcloudapp.com/RBuZm2o6

[Rob]

Oh, thank you. It wasn’t first immediately clear I needed to enter min values for each breakpoint. I would have assumed they scaled down dynamically.
Thank you.

Regards,
Rob

[Fernando]

You’re welcome Rob!

[Author]

Posts