Hello,
Although it was directly not possible because this hover effect is by default under the Theme for the Products, so we applied the following detailed Custom CSS to hide that Cart Icon hovers on your Site for the Products:
// Hide Add to Cart button on Hover - For Desktop | STARTS //
.wd-add-btn-replace .add-to-cart-loop:hover:before {
visibility: hidden !important;
display: none !important;
}
.wd-add-btn-replace .add-to-cart-loop:after {
visibility: hidden !important;
display: none !important;
}
.wd-add-btn-replace .add-to-cart-loop span {
transition: none !important;
}
.wd-add-btn-replace .add-to-cart-loop:before {
display: none !important;
transition: none !important;
transform: none !important;
}
.wd-add-btn-replace .add-to-cart-loop:after {
display: none !important;
transition: none !important;
transform: none !important;
}
.wd-add-btn-replace .add-to-cart-loop:hover span {
transform: none !important;
transition: none !important;
}
// Hide Add to Cart button on Hover – For Desktop | END //
For the Desktop CSS, location to find Custom CSS, go to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section >> there you can find the CSS pasted.
And then eventually for the Mobile view, the Add to Cart button for the Archive and Homepage Products needs to be hidden because the Select Option & Add to Cart text wouldn’t appear in that small box, so for that we have applied the following Custom CSS on your Site:
// Hide the Add to Cart button for Mobile view — STARTS //
.wd-hover-quick .wd-add-btn .add-to-cart-loop {
display: none !important;
}
// Hide the Add to Cart button for Mobile view — ENDS //
For the Mobile CSS, location to find Custom CSS, go to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section >> there you can find the CSS pasted.
Please check back your Site after completely clearing the browser and server cache.
If you are using any Cache plugin on your Site then first purge all caches in it and then view your Site to get the correct Site view.
Best Regards.
.
