Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I would like to know how to change one of my Image with Text sections so on mobile the image is second. I don't want this to be the same on all of them so I would like it if I could get a custom CSS
I think I may have solved it.
I want section 2,3 and 5 to have the image below the text on the mobile version.
www.evoads.co.uk
I solved the issue for section 3&4, but the section two won't work as the image with text is opposite on the desktop view. Here is the code I used.
@media only screen and (max-width: 600px) {
.image-with-text__grid.image-with-text__grid--reverse{flex-direction: column-reverse;}
}