How to remove "sale" badge but keep compare at price?

Shopify Discussion
1

Guys please somebody help me. I need to remove that stupid sale badge on the refresh theme. On desktop, it looks great, but on mobile, it covers most of the picture of the products im selling. I need a way to remove the sale badge, without removing the compare at price. in the theme editor, the only options i get are to choose which corner the badge will go on, but i want it GONE! there should be an option for things like this in theme editor. why make people struggle over stupid little things like this??

EMBRACEL STORE (boeira-df60.myshopify.com)

link to my store ^ it is public but not running yet because it is still a work in progress. PLEASE HELP!

2

refresh theme. the only sale badge options i get are the change the color, or which corner to put the badge in. beyond that it doesnt give me the option to remove the badge.

3

Hi @EmbracelStore

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media screen and (max-width: 767px){

.card__badge {

display: none !important;

}}

PageFlyVictor_0-1676690107842.png
PageFlyVictor_0-1676690107842.png367×524 81.4 KB

Hope that my solution works for you.

Best regards,

Victor | PageFly

4

did not worked for me :disappointed_face:

1 Like