Cropped product images in mobile view

irynakhymych · August 9, 2022

Site URL: https://www.irynakhymych.com/store/p/dawn

Hello! I need help - the product images in my store are cropped when you view them on your mobile. This is a problem as you cannot see the whole painting. This is what the product looks like on mobile, the top and bottom are cut off. Is there any way to fix this? Thanks so much for your help!

tuanphan · August 10, 2022

Add this to Design > Custom CSS

@media screen and (max-width:767px) {
img.pdp-gallery-slides-image {
    object-fit: contain !important;
}
}

irynakhymych · August 10, 2022

@tuanphan Thank you! You always have the right solutions!

Cropped product images in mobile view

Recommended Posts

irynakhymych

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

irynakhymych

Link to comment

Create an account or sign in to comment

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources