Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
This is an accepted solution.
Check if this changed the mobile's version zoom size.
And try something like this:
I fixed it by changing this line in assets/section-main-product.css:
.product-media-modal__content > * {
width: 40%;
height: 40%;
}
Thank you for your reply, but it does not work 😞
This is an accepted solution.
Check if this changed the mobile's version zoom size.
And try something like this:
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!
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!
Thank you so much.
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025