Deactivate Zoom on mobile
This support request was posted in Smart by mertxe
- mertxe June 1, 2018 at 2:29 pm
Hi Juanfra! Me again :/
We’ve already launched the site, but now, with final images uploaded, when looking at a product in mobile the zoom feature gets in the way of scrolling. As images are vertical, when you press to scroll, instead of scrolling you zoom in. Is it possible to deactivate or change in some way the zoom feature only on mobile so you don’t get stuck inside the zoom?
Also, could the product title be on top, before the image?
Thanks!
Juanfra Aldasoro June 4, 2018 at 2:12 pmHello Mertxe,
I hope you are doing well, thank you for reaching out.
For the zoom thing, you could try adding the following CSS:
.woocommerce-product-gallery #product-gallery .zoomImg { z-index: -100 !important; }
With regards to the positioning, that would be a customization task and unfortunately, we cannot provide support on that. https://nicethemes.com/article/support-vs-customizations-2/
Best,
Juanfra.mertxe June 7, 2018 at 10:11 pmThanks for your reply. Tried that, but it still messed the scrolling so i found this alternative which worked as i needed. I’ll post it in case anyone else finds it useful:
@media all and (max-width: 767px) {
#product-gallery-container {
pointer-events: none !important;}
}Thanks!
You must be logged in to reply to this topic.