Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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
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
It worked. Thank you😀
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025