Image+Text section : put the text before image on mobile

[pongopetfood]

Hello, 

I'm using Prestige theme, 

I put a Image+ Text section, and there is an issue on mobile : the image appears before the text and I would like it to be the opposite (Text first then image) 

Thanks

[Liquid_xPert_SJ]

Hi @pongopetfood hope you are doing well,

You did't provide the store url. so that i can create a code for you.

THnaks

[pongopetfood]

Hi, 

Here is the store url : 1ba714-2.myshopify.com

PAssword : PONGOPETFOOD!

Thank you so much!!

[Liquid_xPert_SJ]

@pongopetfood 

Never mind but i am not able to see the above given example on the entire site can you also please share the page url for further clarification 🙂

Thanks

[pongopetfood]

Yes : https://pongopetfood.com/products/croquette-chien-adulte-toutes-tailles

It's "Transition Alimentaire" (on mobile)

Thanks

[Liquid_xPert_SJ · Accepted solution]

Hi @pongopetfood 

Please paste the below code in your theme.css file 

1- Online Store

2- Edit Code

3- Find style.css file from the left nav

4- Paste the code at the end of the file

5- Hit save

@media screen and (max-width: 699px) {
#shopify-section-template--19902224597328__image_with_text_aeyEwD image-with-text {
display: flex;
flex-direction: column;
}
#shopify-section-template--19902224597328__image_with_text_aeyEwD image-with-text picture {
order: 2;
}
}

Thanks

[pongopetfood]

Great it's working !!! Thank you so much

[Liquid_xPert_SJ]

@pongopetfood 

Thank you so much for your kind words  🙂

Best Regards

[pongopetfood]

hi again, 

Now I have the same issue for the block just below... " RATION QUOTIDIENNE", do you have a code ? 

Thank you for your help!!

[Liquid_xPert_SJ]

@pongopetfood 

yes sure can you please show me in screenshot which block you are talking.

Thanks

[pongopetfood]

sure : https://pongopetfood.com/products/croquette-chien-adulte-toutes-tailles

It's this one, but the issue is still on mobile : 

Thanksss

[Liquid_xPert_SJ]

@pongopetfood 

please add this code too

@media screen and (max-width: 699px) {
#shopify-section-template--19902224597328__image_with_text_a3FJ7k image-with-text{
display: flex;
flex-direction: column;
}
#shopify-section-template--19902224597328__image_with_text_a3FJ7k image-with-text picture {
order: 2;
}
}

Thanks

[pongopetfood]

That's perfect!!! Thank you so much !!

[Liquid_xPert_SJ]

@pongopetfood  🙂 appreciated

[Joi_Johnston]

Hi! I tried doing this for my store and it didn't work. For mobile view, I need the text above the image. If you have any ideas I would greatly appreciate the help. 

[Liquid_xPert_SJ]

Hi @Joi_Johnston 

did you put the same code which i sent you and followed the instruction.?

Thanks

[Joi_Johnston]

Can I add it base? I can't find the style.css file