How to resize Product picture in Moblie view?

[collins276]

Hi everybody,

I would like to resize the Product picture in Mobile view that would almost fill the Red background. It is now cropped like this

My url: https://189ee3-2.myshopify.com/products/demin

Thank you!

[ThePrimeWeb]

Hey @collins276 ,

Add this to your Custom CSS in the Theme Customizer → Settings

.product__media.media.media--transparent {
    height: fill-available;
    height: -moz-available;
    height: -webkit-fill-available;
}

.product-media-container .product__modal-opener {
    height: 100%
}

You should find it here

[collins276]

It worked. Thank you