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

Comments

• Phil

  January 2023

  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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• seanmomsen

  January 2023 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.
• Phil

  January 2023

  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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next