Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 4, 2022 at 5:51 am #1367491
    AM-EventSolutions

    Hi,

    I use a left picture/right texted followed by right text/left picture column design for our case studies. It works great for desktop but on mobile the pattern actually displays as Picture, Text, Text, Picture Picture (repeat etc) and I want to reverse every other columns display for mobile so it shows “Picture, Text, Picture, Text, Picture, repeat, etc”

    Is there a CSS I can add to the column that will allow it to display in reverse or will I need to copy it and make one for desktop and one for mobile?

    Here is an example of a case study https://eventsolutions.com/past-events/neom-gala-conference/

    Thanks!!

    October 4, 2022 at 9:58 am #1367527
    Ismael

    Hey A,

    Thank you for the inquiry.

    You can actually reverse the order of the columns on mobile view by editing the Row Settings > Row Screen Options > Column Behaviour When Fullwidth settings. Edit the first column in the row, look for the mentioned settings, then adjust it to the second option (Reverse Order). You may need to do this for every row in the page.

    Best regards,
    Ismael

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