How To Make Product Images Bigger On Product Page (Mobile)

Thanks in advance!

I am looking to make the product images a bit bigger on the product page (mobile). Example shown below.

https://decemberschild.com/

password: dc

  • Here is the solution for you @MMast
  • Please follow these steps:

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.product-media-container .product__media img {
     transform: scale(1.1) !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

For anyone wondering, you can’t have two ‘transform’ code’s in the same folder (theme.liquid) or it will move your product image around on your mobile site.