Solved

How to resize Product picture in Moblie view?

MiuMiu237
Explorer
113 1 24

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

 

62a633068a5a2004794b.jpgMy url: https://189ee3-2.myshopify.com/products/demin

Thank you! 

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1049 271 213

This is an accepted solution.

Hey @MiuMiu237,

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

ThePrimeWeb_0-1705923468568.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? Contact me here

View solution in original post

Replies 2 (2)

ThePrimeWeb
Shopify Partner
1049 271 213

This is an accepted solution.

Hey @MiuMiu237,

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

ThePrimeWeb_0-1705923468568.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? Contact me here
MiuMiu237
Explorer
113 1 24

It worked. Thank you😀