Mobile layout with 2 cols text/images

[John]

I could use some help. I have a page layout that on desktop is 3 paragraphs that alternate left col image/right col text, left col text/right col image, left col image/right col text.

Then on mobile it will then display as image/text/text/image/image/text.

I’m wanting image/text/image/text/image/text when it goes to single column on mobile. Any recommendations on how to do that?

[David]

Hi there,

in GenerateBlocks select a Grid Item and select the Mobile Tab, there you will see an Order field.
Simply enter 1 in the column you would like on top and 2 in the other – to re-arrange them for mobile.

Or you can select just the one you want on top and enter -1
This will place it on top.

It uses Flexbox ordering 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts