A user seeks to modify their mobile page layout to alternate between images and text (image > text > image > text) instead of the current arrangement. They are satisfied with the desktop version but want to improve the mobile experience.
Solution provided:
flex-direction: column-reverse applied to image-text rowsStatus: A technical solution has been offered but no confirmation yet on whether it resolved the issue.
I am satisfied with my web version for this page, however, is there any way I make the mobile version look like image > text > image > text … instead for now image > text > text > image…
(https://dd6up72b0erjrxxd-59257782446.shopifypreview.com/pages?preview_key=5d23daf13d3aa7f667fb04fe8d743191) <— this is the page.
@seantay1993 - add this css to the very end of your theme.css file and check
@media screen and (max-width:749px){
#shopify-section-id_imagetext2 .row{flex-direction: column-reverse;}
}
