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

[harkermcnair]

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.

[devcoders]

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?

[vpsbohra]

Hi @harkermcnair 
How are you?

Can you please share store Url?

[topnewyork]

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

[Dan-From-Ryviu]

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; }

[EstherBui · 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