Shopify themes, liquid, logos, and UX
Hi,
I need to get the image and text of a custom content section to automatically reverse order when on mobile.
I found some exemple of solutions already on this forum, but I'm not able to find the right selector to apply the code to.
Here's the link to the page :
https://abris-st-jerome.myshopify.com/pages/abri-industriel-hd-1
Pass : Abris2024!
Could someone help me please?
Solved! Go to the solution
This is an accepted solution.
Hello @Marcoares ,
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your main.css file and paste the following code at the bottom:
@media only screen and (max-width: 767px) {
.m-custom-content__block-text {
order: 1;
}
}
If problem solved don't forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services
You can find the email in the signature below.
Thanks
Hi @Marcoares
On which page can I find this section in your screenshot?
This is an accepted solution.
Hello @Marcoares ,
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your main.css file and paste the following code at the bottom:
@media only screen and (max-width: 767px) {
.m-custom-content__block-text {
order: 1;
}
}
If problem solved don't forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services
You can find the email in the signature below.
Thanks
It works !
Thank you so much !
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025