Can the image zoom size in Dawn theme be adjusted?

Hello!

Can the image zoom size (using the magnifying glass) be adjusted so it does not take the entire page or the image look pixelated?

50% of the image zoomed would be ok.

Thank you!

1 Like

I fixed it by changing this line in assets/section-main-product.css:

.product-media-modal__content > * {
width: 40%;
height: 40%;
}

1 Like

Thank you for your reply, but it does not work :disappointed_face:

Check if this changed the mobile’s version zoom size.

And try something like this:

5 Likes

Perfect! Thank you very much!

Hi could you help my desktop version looks fine but my mobile looks all zoomed in and stuff plz help

heres my site https://magicsponges-1.myshopify.com

thank you

Thanks!

Thanks!

Thank you so much.

solved for me too! After 2-3 hours “wasting” time on this finally found a solution that worked. The problem for me is the code only had the Height listed. Adding the width dimension fixed the large zoom image on mobile.

Thank You!