[Resolved] Responsive Alternating Rows Showing Properly on Mobile

[Chris]

Hello,

I’ve been searching all across Google and got more confused than when I started. My site pages currently look like this:

Image | Text
Image | Text
Image | Text

When I switch to mobile, it all aligns properly, like this:

Image
Text
Image
Text
Image
Text

However, I like the look of alternating content better, like this:

Image | Text
Text | Image
Image | Text

The problem is that on mobile, it comes out like this:

Image
Text
Text
Image
Image
Text

What kind of CSS trickery or other method can I use to get the alternating look on desktop but still stack things properly on mobile?

Thanks for your help!

[Leo]

Hi there,

I would recommend using the Grid blocks from GenerateBlocks:
https://wordpress.org/plugins/generateblocks/

[Chris]

Awesome, looking forward to digging into this!

[Leo]

No problem 🙂

[Author]

Posts