Woocommerce product gallery hover issue

dx1121

On all mobile phones (Andriod or iphone) and apple ipad, when you view any product detailed page e.g. https://whiteatelierbridal.com/product/alina/ , the product lightbox gallery is not displayed properly, it may return an empty placeholder when users hover thru and navigate to next teaser image. please help. The desktop view is fine, but with some errors in the chrome console log. Site is built with the latest betheme and bundled plugins.

Phil

Hi,

Please go to Betheme -> Theme options -> Custom CSS & JS -> CSS, and put there the following CSS code:

@media only screen and (max-width:767px){
  .product-gallery-zoom .woocommerce-product-gallery__image:hover a img{
  opacity: 1!important;
 }
}

After that, check if the problem persists.

Best regards

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

dx1121

Awesome, that css fixed the issue. thanks

https://forum.muffingroup.com/betheme/discussion/comment/232990#Comment_232990