Shopify themes, liquid, logos, and UX
As I said, we need to change the order of this "image with text" section only on Mobile.
Til now we have the text and then the image, but we need the image first.
Only in these 2 sections and only on Mobile
This is my store link: https://gioto-1308.myshopify.com/
Can you help me?
and these are the sections:
Solved! Go to the solution
This is an accepted solution.
The previous code should be removed as you currently have it.
I see that you almost have the problem solved then. To make the other two sections look as they were before, add this code to your styles.css file:
@media (max-width: 767.98px) {
#shopify-section-template--19215236301067__image_with_text_kyCac3 .flexible-layout, #shopify-section-template--19215236301067__image_with_text_CeYFR9 .flexible-layout {
flex-direction: column-reverse;
}
}
Results:
Delete this code in your styles.css file (line 11768):
.section-image-with-text .flexible-layout {
flex-direction: column-reverse;
}
The image will appear before the text on mobile devices:
Thanks, but now all the Images with text sections have changed. I need to change the order only on those 2 sections, is it possible?
This is an accepted solution.
The previous code should be removed as you currently have it.
I see that you almost have the problem solved then. To make the other two sections look as they were before, add this code to your styles.css file:
@media (max-width: 767.98px) {
#shopify-section-template--19215236301067__image_with_text_kyCac3 .flexible-layout, #shopify-section-template--19215236301067__image_with_text_CeYFR9 .flexible-layout {
flex-direction: column-reverse;
}
}
Results:
thank you soo much
I just copied the code, but it changes all the sections, is there something I'm missing?
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025