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
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
The topic ‘Disable hover effect on shop on mobile’ is closed to new replies.
.
