Remove quantity from cart bubble in Debut theme

[socialexpmnt]

Hello!

I would like to remove the quantity from the cart bubble in Debut theme when products are added to cart. I still want the bubble to show up, but no numbers inside.

My website is www.Bikinginparadise.com

Thank you!

[made4Uo]

Hi @socialexpmnt ,

You can use the following code

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the theme.css
3. Paste the code below at the very bottom of the file.

[data-cart-count] {
    display: none;
}

Outcome:

[socialexpmnt]

Did not work, still showing the quantity. Anything else I can try?

[MandasaTech]

Hi @socialexpmnt ,

Use the following code:-

1. Click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the theme.css
3. Paste the code below at the very bottom of the file.

#CartCount span[data-cart-count] {
   display: none !important;
}

[SmallTask]

Hello @socialexpmnt

Add this CSS code

Online Store > Themes > Edit code > Assets > custom.css

#CartCount span { display: none; }

[socialexpmnt]

Did not work, thank you for trying. Any other options?

[socialexpmnt]

Did not seem to do the trick, the numbers still appear. Any other suggestions? Thank you!

[socialexpmnt]

This is what I’m hoping to end up with, but none of the suggested codes have worked so far. Please help me if you have any other solutions to try. Thank you!

[MandasaTech]

Hello @socialexpmnt
Add this code below theme.css file :-

.site-header__cart span[data-cart-count] {
display: none !important;

}

If this code does not work then share screenshot of the code, where are you added this code.

[socialexpmnt]

Still no luck. I’ll add the screenshot below thank you so much.

[MandasaTech]

Hello @socialexpmnt ,
Add this code below .store-availability-list_phone css.
Check attached screenshot.

.site-header__cart span[data-cart-count] {
display: none !important;

}

[socialexpmnt]

Thank you so much!!