How to remove Sale sticker over product image in collection when using Compare-at price on Dawn

I have looked but can’t find the answer. I am using Dawn theme. How do I remove the Sale sticker over the product image in a collection? On mobile, the sticker is too big and it puts the Sale sticker directly over the product image and covers too much of the image.

I am using Compare-at price (which generated the Sale stickers), and I want that, and the Sale sticker on the product page next to the price, to display on the product page. But I don’t want the Sale sticker over the collection images. Screenshot from mobile below. Thanks!

Please provide your page URL and I’ll try to help.

https://thesuncatcherstore.com Thanks! (Not sure how this posted twice and can’t delete it. Sorry.)

https://thesuncatcherstore.com Thanks!

Following CSS snippet would hide the “Sale” badge:

.card__inner .card__badge{
display:none !important; 
}

You can read this article to learn how to add custom CSS to Shopify.

Thanks

Perfect! That worked! Thanks again!