Disable zoom (not hide) on product image on mobile Dawn Theme 10.0

Store Design
, , ,
1

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

2

@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;}
}
1 Like
3

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;
}