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.

Grid on mobile

  • Hello,

    I have grid with two containers, each 50%.

    How can I select, which container sits on top on mobile view?

  • Hi there,

    I was looking for this earlier. You can try this:

    1. Select the mobile device options within the block

    2. In mobile options go to Block settings and set the grid item witdth to 100%. You need to keep settings at 50% on desktop with two containers.

    3.Scroll down a bit more in the block settings in mobile view to find the “Order” settings under Flex Child and under Flex.

    4. Enter 1 for Order for the block container you want on top on mobile. You can use 2, 3, 4, etc if you have additional items to order.

  • Thanks Zoltan!

    Here is the doc article for your reference: https://docs.generateblocks.com/article/layout-options-overview/#order

  • Hello Zoltan and Leo,

    Thanks, I managed it with this.

  • Glad to hear 🙂

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