Re: Multirow - image under text

Solved

Multirow - image under text

goblender
Tourist
22 0 1

website: goblender.eu

 

I want to get images under text on mobile. 
Desktio is perfect for now. Only mobile need to be customized for images to go under text

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10071 2004 2053

This is an accepted solution.

Hi @goblender 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

 

@media (max-width: 749px) {
.image-with-text__media-item { order: 2; }
}

Screenshot 2024-07-26 at 15.06.48.png

 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 9 (9)

suyash1
Shopify Partner
9974 1240 1578

@goblender - can you please share the screenshot of that section?

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - [email protected] , My timezone is GMT+5:30.
goblender
Tourist
22 0 1

Skærmbillede 2024-07-26 kl. 09.40.25.png

suyash1
Shopify Partner
9974 1240 1578

@goblender - images are already under respective texts

 

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - [email protected] , My timezone is GMT+5:30.
goblender
Tourist
22 0 1

No it is not. The first section/text is just "rich text". All the following is multirow

suyash1
Shopify Partner
9974 1240 1578

@goblender - 
please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

 

@media (max-width: 749px){
.image-with-text__media-item{order: 2;}
}

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - [email protected] , My timezone is GMT+5:30.

Dan-From-Ryviu
Shopify Partner
10071 2004 2053

This is an accepted solution.

Hi @goblender 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

 

@media (max-width: 749px) {
.image-with-text__media-item { order: 2; }
}

Screenshot 2024-07-26 at 15.06.48.png

 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

goblender
Tourist
22 0 1

Thank you. Worked smoothly

Dan-From-Ryviu
Shopify Partner
10071 2004 2053

Very welcome! 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.