Hover - add to cart - button removal?

Shopify Discussion
1

Good Afternoon,

Please can someone give me some advice on how to remove the add to cart hover button from the products on the main page? I will need to add it back at a later date.

</

Thank you,

https://o-video.co.uk/
2

Hey @DOVideo ,
Welcome to the Shopify community!
You can follow the instruction below:
Go to Online Store->Theme->Edit code->custom_code.scss->paste bellow code in bottom of file.

.templateIndex .product-grid .add-to-cart {
    display: none !important;
}

If you feel like my answer is helpful, please Like and mark it as a solution**.** Let me know if you have any further questions.
Thank you!
Raman

1 Like
3

Thank you very much for your kind help.

This worked a treat :slightly_smiling_face:

have a good day!