Same image size on product page (mobile)

Store Design
1

Hi!

I made a post some time ago to proportionate the images on my product page and it worked on desktop but not on mobile, my images are still disproportionate, how can I fix that?

Thanks!

Url : simplicityclothing.ca

image.png
image.png572×787 224 KB

image.png
image.png626×656 56.9 KB

2

Hi @bobylands

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

@media (max-width: 749px) {
.product-media-container .media {
    padding-top: 0 !important;
    height: 414px !important;
}
}