How to resize Product picture in Moblie view?

Solved

How to resize Product picture in Moblie view?

collins276
Trailblazer
213 1 32

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
2139 616 519

This is an accepted solution.

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

ThePrimeWeb_0-1705923468568.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 2 (2)

ThePrimeWeb
Shopify Partner
2139 616 519

This is an accepted solution.

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

ThePrimeWeb_0-1705923468568.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
collins276
Trailblazer
213 1 32

It worked. Thank you😀