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.

how to make section wider?

  • Hi,

    I’m wondering how I can make the following section wider for desktop and tablet modes. The mobile version is fine as it automatically goes to the next row.

    Whenever I try to adjust it for desktop and tablet, it either shrinks or the second table goes to the next row.

    So, my question is, how can I correctly make it wider?

  • Hi there

    that 2 column Grid Block is sitting inside a Container Block.
    Select the Container Block and set the Layout > Display to BLOCK.

    Currently it is set to Dipslay Flex , Column which allows for the grid ( which has not set width ) to collapse to the width of its content.

  • Do I need to change both grid blocks to ‘BLOCK’ ?

  • Hi there,

    Currently this is your layout structure:

    
    -Container #1
    --Grid Block
    ---Grid Column #1
    ---Grid Column #2
    

    You need to set the Layout to Display > Block on the Container #1

  • awesome thanks!

    For desktop it works fine. do I need to change also for tablet and mobile to ‘block’ for best results?

  • Hi there,

    On Tablet and Mobile, if there is no value set (eg. the Display = Default ) then it will inherit Desktop setting. So theres no need to change it unless its set to a different value

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