Solved

How to get the image below the text in an "Image with Text" section?

lunawalter
Visitor
3 0 0

Hi! 

 

I'm writing an about page, and will be using a lot of images & text.

I need to have the images appear below the text sections on mobile. There doesn't appear to be a built in option for this, and I can't find the right code to edit, having tried a few different this.

 

The theme is "Studio"

 

Currently it looks like this:

 

Screenshot 2022-04-10 at 17.42.10.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

I need it so that the image is below the text. 

 

Any ideas? Thanks!

 

Accepted Solution (1)

kazi
Shopify Partner
551 86 107

This is an accepted solution.

@lunawalter  add this css to assets > base.css  bottom of file

 

@media (max-width:749px) {

.image-with-text .grid {
flex-direction: column-reverse !important;
}

}

☑️ If the answer solve your issue please ✔ Accept it and hit like ✌️

► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?


WhatsApp Email: Click here Skype: kof.bd

View solution in original post

Replies 2 (2)

kazi
Shopify Partner
551 86 107

This is an accepted solution.

@lunawalter  add this css to assets > base.css  bottom of file

 

@media (max-width:749px) {

.image-with-text .grid {
flex-direction: column-reverse !important;
}

}

☑️ If the answer solve your issue please ✔ Accept it and hit like ✌️

► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?


WhatsApp Email: Click here Skype: kof.bd
lunawalter
Visitor
3 0 0

Amazing, thank you!