How to disable touchstart="event" on mobile with products featured on the homepage

Does anyone know where I can disable the ontouchstart="this.classList.toggle('hover'); event for products listed on the home page? When clients scroll down the page. It moves a portion of the featured image out of the frame.

Comments

  • Hi,

    Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

    It is always a good idea to also attach a screenshot showing your issue.

    Thanks

  • edited January 2023

    https://flythehuey.co.za/


    The container causing the problem is a "woocommerce product block" in wpbakery builder.

    The box pulls the picture, price and description of a product.

    When you scroll on mobile and touch the pictures in the product boxes they swift up when you scroll down. it seems to be a hover state that makes the image shift upwards.


    This only happens in mobile view.


    Please see above how the image is cut off when you scroll down but tapped the picture first to scroll.

  • Please, try the following CSS code:

    .home .woocommerce .product .image_frame{
     pointer-events: none;
    }
    

    Put it on Betheme -> Theme options -> Custom CSS & JS -> CSS.


    Best regards

Sign In or Register to comment.