PLEASE HELP - issue on page that goes live tomorrow

[drewadieu]

Hi, i'm trying to release this charity product tomorrow and i'm having an issue on one thing with the mobile styling. in the "image with text" section (the section with the CD cover art) the top of the CD gets clipped off on mobile. I haven't had this issue with this page template before and i've tried everything i can think of.

https://adieusounds.com/pages/california-relief-charity-sample-pack

[devcoders]

Hello @drewadieu 

What issue are you facing exactly? Could you please send me a screenshot so I can better understand the problem and assist you?

[drewadieu]

the image is getting clipped at the top. if you look on desktop youll see how it is supposed to look.

[devcoders]

Hello @drewadieu 

Working fine ?

[Dan-From-Ryviu]

Hi @drewadieu 

Please add this code to Custom CSS of that section

img {   
 object-fit: contain;
}

[EstherBui]

Hi @drewadieu 

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

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

I hope it helps. 

Esther