Hello
I would like to swap my image and text on mobile view only
https://www.thebodyshop.se/password
Desktop view:
Mobile View
Topic summary
A user seeks to swap the position of images and text in a promo grid, but only on mobile view, while keeping the desktop layout unchanged.
Proposed Solutions:
Two community members provided nearly identical CSS-based solutions:
- Navigate to Online Store → Edit Code → password.liquid file
- Insert custom CSS code above the
</body>tag - The CSS targets mobile devices using media queries to reverse the flex direction of promo grid elements
Current Status:
Both solutions appear to use flex-direction: column-reverse to reorder content on smaller screens. The discussion includes before/after screenshots demonstrating the desired mobile layout change. No confirmation yet from the original poster on whether either solution successfully resolved the issue.
Hey @TBS2023
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find password.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hey @TBS2023
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find password.liquid file
-
Add the following code in the bottom of the file above tag
Result
Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.
Thanks & Regards
Akshay Bhatt