Hi
Ismael suggested I start a new thread for this.
I am working on a site and re-styling the pages to be like this:
We have things almost complete except that the 2nd row, which has an image in the first column and text in the second, needs to collapse on mobile from right to left, not the default left to right.
This is so, on mobile, we can have text-image-text-image-text-image rather than 2 images and 2 sets of text together.
I have tried codes from other posts here but none seem to work. It seems that column-reverse is a standard command in Flex, I just can’t find the right way to deploy it. I don’t really want to make 2 rows and show one on mobile and the other on wider displays – although I couldn’t see how to do that either!
Any help would be much appreciated.
Hey Colin,
Please give the grid rows some ids. Then we can do something with the css.
Best regards,
Victoria
Thanks Victoria
I originally tried something with a custom CSS class in the columns which didn’t work. I have now added a custom ID to each column – where would that go in your CSS please?
Hi again – I did a search on your CSS and came up with a forum entry I’d failed to see before – the solution there actually worked!
So on this subject I’m finally sorted!
Thank you
Hi jonesthelight,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria