Deactivate Zoom on mobile

This support request was posted in Smart by mertxe

Request ID #37263 In Progress
  • 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

    Hello 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.

    Thanks 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!

    Juanfra Aldasoro

    Thanks for sharing that Mertxe!

    Best,
    Juanfra.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server