How to disable product zoom on Dawn theme for desktop only?

[rjochum]

How can we disable product zoom on the Dawn theme, on desktop only? We want to keep the zoom on mobile. Thank you for your replies.

[PageFly-Noah · Accepted solution]

Hi @rjochum 

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

 <style>
@media screen and (min-width: 767px){
modal-opener.product__modal-opener.product__modal-opener--image.no-js-hidden {
pointer-events: none !important;
}
}
</style>

Hope this can help you solve the issue 

Best regards,

Noah | PageFly

[rjochum]

Thank you, worked like a charm!

[PageFly-Noah]

Glad that i can help. Let me know if you need other help