Reduce Image size of product when zoomed in Taste theme

[JohnPan123]

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!

[niraj_patel · Accepted solution]

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 </body> on theme.liquid

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

[JohnPan123]

Thanks so much! It worked! 

[nirva3251]

And how i can fix it for mobile also?