Reduce Image size of product when zoomed in Taste theme

Store Design
, ,
1

Hello,

I am trying to reduce the image size of the product (theme Taste) AFTER it’s clicked for zooming inside an individual product’s page.

Please look at the images hope they help.

Thanks in advance!

a.jpg
a.jpg1038×640 38.6 KB

b.png
b.png1920×947 116 KB

2

Hello @JohnPan123

You can add code by following these steps to make image smaller after zoom in

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 750px) { .product-media-modal__content >* { width: 100% !important; max-width: 420px !important; } }
3

Thanks so much! It worked!

4

And how i can fix it for mobile also?