How to disable zoom in woocommerce 3+ for mobile?

Question

WordPress

on mobile it is not possible to make both preview and zoom beautifully, since the place in the template is limited. How can I disable zoom only for the mobile version?

Answer 1

You can try like this

.woocommerce .product .images, .woocommerce-page .product .images {
pointer-events: none;
}