Hey @Acid2Rain !
No worries, switched it back to how it was before:
https://kbqh83zirw5eaalz-56635392157.shopifypreview.com
Cheers!
Topic summary
Mobile layout issue on a Shopify store: alternating “Text | Image / Image | Text” rows display correctly on desktop, but on mobile each row stacks into “Text then Image,” causing the overall sequence to become misordered (e.g., Text, Image, Image, Text). The goal is a consistent mobile sequence of alternating blocks: Text, Image, Text, Image, etc.
Progress and attempts:
- A CSS approach using a mobile media query and flexbox “column-reverse” for odd sections was proposed, but it depended on moving a “60 Days Money Back” block.
- The user tried pasting the CSS at the bottom of styles.css (and removed the guarantee block) but it still didn’t work.
- Collaborator access was requested to implement the fix directly.
Outcome:
- A working implementation was delivered via a Shopify preview link, achieving the desired mobile alternation.
- A follow-up request to swap the order for one specific section was tried, then reverted back at the user’s request.
- Issue appears resolved in the final preview.