Hi, I have created a masonry style layout with mainly text, it looks great on desktop view, but I’t like some help in adjusting the cell heights for Tablet. There isn’t a CSS credentials area for that, any suggestions would be gratefully received.
Masonry Layout with text
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Bloohair
Thanks for reaching out.
Do you have a public URL where we can take a look at what’s going on?
Kind regards
Andrew
Hi, thanks.
Yes it is https://susans60.sg-host.com/services
You’ll see what I’m trying to do.
It’s good on wide screens, reasonable on mobile (once I sort out some gaps), but mid size is a muddle.
Soo
Thanks for the link.
A few options are:
A quick solution might be to increase the global mobile breakpoint at SettingsPage BuilderLayout: Mobile Width.
If you’d like to take a Custom CSS route you can add custom ID’s or classes via the Attributes section when editing rows and widgets. You can target your custom ID’s or classes using media queries.
At SettingsPage BuilderLayout you can enable Tablet Layout if isn’t already enabled. Tablet Layout introduces a tablet orientanted breakpoint before the mobile breakpoint applies.
Hi Andrew,
Thanks for your help. I managed to get it pretty good by applying a % padding, increasing the max height on all panels and then getting the mobile width set to 980px. Now I don’t get text disappearing at a medium with.
https://www.jkmaccountancy.co.uk/services-we-offer/
Soo
Hi, thanks for the update. I’m glad to hear you made progress. Thanks for sharing the steps with us.
Cheers
Andrew