Making Image Second On Mobile For "Image With Text" Vision team

[Sasha84]

Hi, I want to make image second on mobile for just one “Image With Text” component. I dont want to change order for all"Image With Text" components. Can anyone help with this?

Here is the preview link:
https://t02dwt1nqil3k4c3-82635784493.shopifypreview.com
Section is bellow image withe the dog on the snow:

[Dan-From-Ryviu]

Please drop your page URL and let me know Image with text section you want to change order

[niraj_patel]

Hello @Sasha84
Can you share page URL?

[Danishshopdev]

Hello @Sasha84 ,

Please share store url

[Sasha84]

Hi, here is the preview link:
https://t02dwt1nqil3k4c3-82635784493.shopifypreview.com
Section is bellow image withe the dog on the snow:

[Dan-From-Ryviu]

Go to Online store > Themes > Edit code > open theme.liquid file, add this code under element

[niraj_patel]

Hello @Sasha84

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (max-width:749px){ .image-with-text.column-spacing--medium { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; } }

[Sasha84]

Thx a lot!!! It worked perfectly!

[JosieatNouvelle]

Hey! Am wondering if you can help me with the same issue?
www.nouvelleglass.com
The images currently come before text on mobile.
I would like to swap this please, so text comes before images on mobile.

[Dan-From-Ryviu]

Hi @Sasha84

Please add this code to Custom CSS of that section in your Online Store > Themes > Customize

@media (max-width: 768px) {
    .feature-row__text { order: 0 !important; padding-bottom: 20px !important; }
}

[JosieatNouvelle]

Amazing Thank You so much!!

[Dan-From-Ryviu]

You are very welcome!