How to hide “Select Option- Cart” Button from Mobile & Desktop

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.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.