Site logo

[Resolved] collapse empty containers in mobile

Home Forums Support [Resolved] collapse empty containers in mobile

Home Forums Support collapse empty containers in mobile

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2488291
    Yola

    Hi GP team,

    I made a ‘table’ using GB grid for rows, with 6 containers in each row. Some ‘cells’ are empty and still tak eup the same column space, which is great (in an earlier attempt the empty containers took up no space, ruining the table).

    This looks good in desktop and tablet. On mobile this becomes 1 column, which is fine for this table.

    Except that the empty containers take up space and in this case it leaves quite a few gaps affecting vertical spacing, which doesn’t look good.

    Is there a way to make empty containers collapse on mobile?

    I searched the forum but couldn’t find a solution, mostly collapse comes up with accordeons and menus, but in this case it’s only the empty containers that should collapse.

    Thank you for pointing me in the right direction,

    Yola

    PS I’m a great fan of GP, recently also discovered some very useful GP videos. GP has helped me in many ways to create better sites.

    #2488303
    Fernando
    Customer Support

    Hi Yola,

    For reference, can you share the link to the site in question? We’ll check the empty Containers on the frontend. It should be possible to hide them if they’re empty.

    #2488306
    Yola

    Thanks for your quick response Fernando, the site is not yet online but I’ll supply login credentials. It is a very simple table: 5 rows of 6 containers.

    #2488308
    Fernando
    Customer Support

    I tried the credentials but they didn’t work. Can you check if it’s working?

    #2488310
    Yola

    Hm, I tried an dit worked, perhaps there was a typo in my previous message, sorry for the inconvenience

    #2488313
    Fernando
    Customer Support

    That’s odd. It’s still not working from my end.

    I’m copying and pasting the credentials you shared here.

    Can you try replacing the password?

    #2488314
    Yola

    Here goes. I tried again, twice, with earlier password, and just now with the new one – all works.

    #2488316
    Fernando
    Customer Support

    It’s working now. Thank you!

    Can you try adding this CSS through Appearance > Customize > Additional CSS?:

    .entry-content .gb-container p:is(:empty) {
        margin-bottom: 0;
    }

    Let us know how it goes.

    #2488318
    Yola

    Yes! It looks as if this did the trick, thank you very much!! Glad to know this can be done, looks much beter now.

    Bed time here, goodnight!

    Yola

    #2488336
    Fernando
    Customer Support

    You’re welcome, Yola!

    #2489407
    Yola
    #2489518
    Fernando
    Customer Support

    Hi Yola,

    Is there anything we can help you with?

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.