Solved

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

pongopetfood
Excursionist
27 0 9

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) 

Capture d’écran 2024-01-16 à 19.02.27.png

 

Thanks

Accepted Solution (1)
Liqiud_xPert_SJ
Shopify Partner
381 41 57

This is an 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

 

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 16 (16)

Liqiud_xPert_SJ
Shopify Partner
381 41 57

Hi @pongopetfood hope you are doing well,

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

THnaks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
pongopetfood
Excursionist
27 0 9

Hi, 

 

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

PAssword : PONGOPETFOOD!

 

Thank you so much!!

Liqiud_xPert_SJ
Shopify Partner
381 41 57

@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

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
pongopetfood
Excursionist
27 0 9

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

It's "Transition Alimentaire" (on mobile)

 

Thanks

Liqiud_xPert_SJ
Shopify Partner
381 41 57

This is an 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

 

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
pongopetfood
Excursionist
27 0 9

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

Liqiud_xPert_SJ
Shopify Partner
381 41 57

@pongopetfood 

 

Thank you so much for your kind words  🙂

 

Best Regards

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
pongopetfood
Excursionist
27 0 9

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!!

Liqiud_xPert_SJ
Shopify Partner
381 41 57

@pongopetfood 

 

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

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
pongopetfood
Excursionist
27 0 9

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

 

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

Capture d’écran 2024-01-17 à 13.37.03.png

 

Thanksss

Liqiud_xPert_SJ
Shopify Partner
381 41 57

@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

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
pongopetfood
Excursionist
27 0 9

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

Liqiud_xPert_SJ
Shopify Partner
381 41 57

@pongopetfood  🙂 appreciated

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Joi_Johnston
Excursionist
20 0 4

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. 

 

Liqiud_xPert_SJ
Shopify Partner
381 41 57

Hi @Joi_Johnston 

 

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

 

Thanks

 

 

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Joi_Johnston
Excursionist
20 0 4

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