Hover Style Settings

[TwoWizeGuys]

How can I disable the hover style on mobile views?  When viewing on a mobile the hover is causing unintended clicks on add to cart / wishlist because the hover doesn’t show until the user touch the screen and if the user touch the screen where the buttons are then it actions the add-to-cart/wishlist immediately. Maybe best if I can just disable the hover style when viewing the website on a mobile browser.  Any suggestions?

[Harry]

Hi,

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 767px) {
.product-image:hover .product-button {display: none;}
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[TwoWizeGuys]

Thank you, this works perfectly.

[Author]

Posts