I know this subject has been asked before, but there is no clear answer I can find:
I would like the ability to swap the order of cells in a 2 column grid row (first column text, the second image) on a mobile so the image is displayed second and therefore is placed underneath the text.
So, on a Desktop/Tablet the order is TEXT->IMAGE yet on a mobile it shows as IMAGE->TEXT
I do not want to duplicate the Grid Row and have one display on mobile, the other on desktop/tablet as this also duplicates the code and introduces extra work – it feels like a bad work-a-round.
Is there a way of doing this via CSS?
Thank you for using Enfold.
The flexbox property might help.
Set the “order” property of the cells manually.
You must be logged in to reply to this topic.