Remove current product hover effect in shop page responsive view
-
We would like to remove the hovering effect in the shop page responsive view (mobile & tablet) to let the user directly go to the product page with a single tap.
Hello,
Please add the code to the Theme Settings > Custom CSS > Tablet and Mobile:
.woodmart-hover-base .content-product-imagin,
.woodmart-hover-base .fade-in-block,
.woodmart-hover-base .wrapp-swatches{
display: none;
}
.woodmart-hover-base.hover-ready.state-hover .product-wrapper, .woodmart-hover-base.hover-ready:hover .product-wrapper {
-webkit-transform: none;
transform: none;
}
In addition, you need to activate “Open product on click on mobile” https://prnt.sc/mc2zg3 in the Theme Settings > Shop > Product Style.
Best Regards
You are welcome! If you have any questions please feel free to contact us.
Best Regards
The topic ‘Remove current product hover effect in shop page responsive view’ is closed to new replies.