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

[MMast]

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

[BSS-TekLabs · Accepted solution]

- 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.

[BSS-TekLabs · Accepted solution]

- 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.

[MMast · Accepted solution]

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.