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

Solved

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

1989streetwear
Explorer
73 0 10

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

Marco
Accepted Solution (1)

suyash1
Shopify Partner
10561 1305 1671

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;}
}
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 2 (2)

suyash1
Shopify Partner
10561 1305 1671

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;}
}
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
1989streetwear
Explorer
73 0 10

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

Marco