Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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.
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