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]

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