[Support request] stopping blocks in Grid block from squeezing when reducing screen size

Home Forums Support [Support request] stopping blocks in Grid block from squeezing when reducing screen size

Home Forums Support stopping blocks in Grid block from squeezing when reducing screen size

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1543493
    Katharina

    Hi,
    I use the Grid block to create 3 columns with background image and text. When I reduce my screen size the word are separated and the columns to narrow. How can I set a limit to where it jumps from 3 blocks in a row to 2 block instead squeezing together.
    Also if I change to mobile there is no gap in between the boxes using the spacing didn’t change anything.

    I hope you understand what I am talking about.
    website: https://dieheilefrau.de/

    Thanks
    Kati

    #1543718
    David
    Staff
    Customer Support

    Hi there,

    the GenerateBlocks plugin has responsive layouts for Desktop / Tablet / Mobile.
    You will see three separate tabs for each in the Settings sidebar when you select a block.

    If you select a Grid Column block, and switch to Tablet you can set the columns to a different width eg. 50% / 50% / 100%.

    For reference:

    https://docs.generateblocks.com/article/container-overview/#grid-item

    For the vertical spacing on the Tablet and Mobile. You will need to select the Grid Container ( the block that contains the columns ):

    https://docs.generateblocks.com/article/grid-overview/#editing-our-grid-block

    Under its layout you will see an option for Vertical Gap.
    Again select the Tablet view and add a vertical gap, then repeat this for Mobile.

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