This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Masonry Layout with text

4 years ago · Last reply by Andrew Misplon 3 years ago

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.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 4 years, 13 days ago

    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

  2. bloohair 4 years, 13 days ago

    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

  3. Andrew Misplon Staff 4 years, 12 days ago

    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.

  4. bloohair 3 years, 11 months ago

    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

  5. Andrew Misplon Staff 3 years, 11 months ago

    Hi, thanks for the update. I’m glad to hear you made progress. Thanks for sharing the steps with us.

    Cheers

    Andrew

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread