Prestige theme -Change "Image with Text" on mobile so that the text is above and the image is below.

[Ryusei]

How to change the position on mobile to text first above the image

[Sweans]

Hi @Ryusei ,

To make this happen you need to add a small css code in your theme file. for that follow below steps,

From Shopify backend

1. Online Store -> Themes -> "..." -> Edit Cod

2. In Edit Code -> "assets" directory -> "theme.css" file.

3. Open the base.css file and add the following code at the end of the file:

@media only screen and (max-width: 700px) {
  
.image-with-text >:is(picture,svg,img) {
        order: 9999;
    }
}

4. Save the file and reload your website.

I hope this helps! If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,

Sweans