Responsive 2 Block Grid

  • Resolved richb69

    (@richb69)


    1 year, 3 months ago

    Hi, could anyone you tell me how to make a 2 block grid responsive? I have a photo in one side and text in the other. I’d like the grid blocks to fall vertically when in mobile and pad. Sorry for the 5000 questions, I’m learning…

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support David

    (@diggeddy)

    Hi there,

    when you add a Grid Block and you choose the 2 column option. Each column is represented by a Container Block inside the Grid.

    By default the Width of each Container is set to 50% wide on desktop, and if you switch to Mobile view that Width should be 100%. If it is not then set it to 100%.

    Thread Starter richb69

    (@richb69)

    That worked, thanks, but the image wont resize?

    Plugin Support David

    (@diggeddy)

    You have to make sure the image you placed inside:

    a) is wide enough an a large enough attachment size has been chosen eg. Full, Large etc.
    b) a Width has not been set in Pixels that is controlling its size. Use 100% if you want it to fill a larger space.

    Thread Starter richb69

    (@richb69)

    I think the issue i have is the image being to big. If I drag the image smaller, it reflects on desktop etc.

    Plugin Support David

    (@diggeddy)

    Use the GenerateBlocks Image Block, and just choose a size that fits the container. It will resize accordingly

    Thread Starter richb69

    (@richb69)

    All sorted, many thanks for your help.

    Plugin Support David

    (@diggeddy)

    You’re welcome

    Plugin Support fernandoazarcon2

    (@fernandoazarcon2)

    Hi there! We haven’t heard back from you for a while now so we’re going to go ahead and set this topic as resolved. Feel free to open a new topic if you need assistance with anything else.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Responsive 2 Block Grid’ is closed to new replies.