Image/text mobile column reverse order

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?

Hi @Marcoares

On which page can I find this section in your screenshot?

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 !