FROM CACHE - en_header

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

Solved
lunawalter
New Member
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)

Accepted Solutions
kazi
Shopify Partner
356 66 76

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, fix bugs?


► Email: Click here Skype: kof.bd

View solution in original post

Replies 2 (2)
kazi
Shopify Partner
356 66 76

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, fix bugs?


► Email: Click here Skype: kof.bd
lunawalter
New Member
3 0 0