Dawn Theme: Multi-Row Image cut-off in Mobile View

Solved

Dawn Theme: Multi-Row Image cut-off in Mobile View

harkermcnair
Visitor
2 0 1

I've search and tried code on a several similar posts on Dawn theme, but none have worked.

 

I have two sections on Multi-Row in Dawn Theme, but in Mobile the image is cropped vertically. I need the image to show 100% as it is a book cover.

 

harkermcnair_0-1736831970669.png

 

Accepted Solution (1)

EstherBui
Excursionist
276 39 42

This is an accepted solution.

Hi @harkermcnair 

 

You can follow the instruction here :

1. Go to Shopify > Online store > theme > customize

2. Click to Settings > Custom CSS > Paste this code to the section and save.https://prnt.sc/Rl66N9K_Bjvs

 

.multirow__inner.page-width .image-with-text__media img {
    object-fit: contain !important;
}

 

 

I hope it helps. 

 

Esther

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

View solution in original post

Replies 5 (5)

devcoders
Shopify Partner
1009 129 266

Hello @harkermcnair 
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

laddisahsi
Shopify Partner
444 44 45

Hi @harkermcnair 
How are you?

Can you please share store Url?

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!

topnewyork
Astronaut
1176 154 198


Hello, @harkermcnair 
Please share "Store URL"
Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

Dan-From-Ryviu
Shopify Partner
11028 2160 2306

Hi @harkermcnair 

You can try to add this code to Custom CSS of that section to check if it solves the issue

img { object-fit: container; }

- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

EstherBui
Excursionist
276 39 42

This is an accepted solution.

Hi @harkermcnair 

 

You can follow the instruction here :

1. Go to Shopify > Online store > theme > customize

2. Click to Settings > Custom CSS > Paste this code to the section and save.https://prnt.sc/Rl66N9K_Bjvs

 

.multirow__inner.page-width .image-with-text__media img {
    object-fit: contain !important;
}

 

 

I hope it helps. 

 

Esther

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!