Disable hover effect on shop on mobile

Dears,
I need to disable completely the functions on hover on the catalogue page on mobile.
I already activate the “single click” but before going on product page it will be show the information for a while.
How I can disable this function on mobile completely?

Hello,

Hover effect is enabled/disabled globally and on all the devices. This option is in the Theme Settings > Shop > PRODUCTS STYLES

Best Regards

Sorry dear but I think that “hover” on mobile has no sense.
Otherwise all hover effects on desktop don’t have the correct layout on mobile devices.
Anyway… Do you confirm that is not possible disabling hover only on mobile with a CSS?
It’s very frustrating…

Hello,

Please provide your site URL. If your site is under maintenance, provide your site admin access in the private area

Best Regards

Following the site url

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

.woodmart-hover-base.hover-ready.state-hover .fade-in-block, .woodmart-hover-base.hover-ready:hover .fade-in-block,
.woodmart-hover-base.hover-ready.state-hover .content-product-imagin, .woodmart-hover-base.hover-ready:hover .content-product-imagin {
    display: none;
}
body .woodmart-hover-base.hover-ready.state-hover .product-wrapper, body .woodmart-hover-base.hover-ready:hover .product-wrapper {
    transform: none;
}

In addition, navigate to the Theme Settings > Shop > Product styles and enable “Open product on click on mobile” http://prntscr.com/lrd76k

Best Regards

Thank you very much! It works perfectly!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts