Remove on hover effect on shop page in mobile
-
Hello i want to remove the hover effect i provide in screenshot in mobile only not in desktop.
Thanks!
Attachments:
You must be
logged in to view attached files.
Hello,
The hover effect is enabled/disabled globally and on all devices. This option is in the Theme Settings > Product Archive > PRODUCTS STYLES
Please try to 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 > Product Archive > Product styles and enable “Open product on click on mobile” https://ibb.co/kghT6Sg
Best Regards