Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Container-Layout + responsive design

  • Hi there,

    i have trouble adjusting the responsive layout for this section on the homepage: https://imgur.com/dmDUFTC On mobile it disappears but it’s not set as “hidden” for tablet and mobile. Preferably on tablet + mobile this should stack above each other. I set both containers of the grid to 100% but they’re not stacking.

    The same is happening for this section: https://imgur.com/sOHxHYM

    Since it’s the same topic i hope i can put them both in one topic.
    Thank you!

  • Hi there,

    The 1st section is there on mobile.

    The 2nd section is missing the image container as the image is added as a background image, so you need to set a min-height for the container so it can occupy some space.

  • The first section i could fix for mobile, thank you 🙂 unfortunately not for tablet since i want them stacked but setting the grid-containers to 100% is not doing it.

    Is it correct that the grid-containers when set to 100% for tablet and mobile they should stack?
    With this section https://imgur.com/sOHxHYM it’s not working and also on some other pages not.

  • Hi there,

    If you want the section stacked on tablet, select the inner container (gb-element-9cd0650b) and in the tablet breakpoint settings, set Grid Template Columns to 1fr.

  • Yes that worked, thanks.

  • You’re welcome 🙂

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