[Resolved] Responsive Alternating Rows Showing Properly on Mobile

Home Forums Support Responsive Alternating Rows Showing Properly on Mobile

  • This topic has 3 replies, 2 voices, and was last updated 5 months ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1295879
    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!

    #1295882
    Leo
    Staff
    Customer Support

    Hi there,

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

    #1295888
    Chris

    Awesome, looking forward to digging into this!

    #1296040
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.