Dawn - Mobile - Decrease Product Image Zoom Size

Image Zoom Size for Mobile is too big.

I think a line or two need changes in the sections-main-product.css

thank you

Hi @deakon !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation.

Please add this code in this section;

(section.main-product.css) file to adjust the zoom for mobile and desktop.

/desktop/

@media screen and (min-width: 750px) {
.product-media-modal__content > * { width: 600px; }
}
/mobile/
@media only screen and (max-width: 749px) {
.product-media-modal__content > * { width: 600px; }
}

You can also use this link;

https://ezfycode.com/blog/dawn-theme-how-to-fix-zoom-images-size-mobile-desktop

Best Regards;

Pagefly

could you send a sample section of the main-product.css code where I change mobile?

@deakon Bro go to themes---->Assets

You will find this

Bro @deakon You can use link for more information thanks.

Hi @deakon ,

Can you send me the error screenshot, I will help you check it