Shopify themes, liquid, logos, and UX
I would like to completely disable zoom on product images on mobile version only on DAWN theme 10.0
I do not need to hide the magnifier icon. I need to disable the zoom on mobile only.
Thank you so much
website: 1989streetwear.com
Solved! Go to the solution
This is an accepted solution.
@1989streetwear - add this css to the very end of your base.css file and check
@media screen and (max-width:749px){
.product-media-modal[open]{display:none; visibility: hidden;}
}
This is an accepted solution.
@1989streetwear - add this css to the very end of your base.css file and check
@media screen and (max-width:749px){
.product-media-modal[open]{display:none; visibility: hidden;}
}
Thank you @suyash1 !
I also added the code below to hide the magnifier icon on the top left of the product image:
.product__media-icon{
display: none !important;
}
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025