Remove Cart Item Count Display from Cart Icon

Store Design
, , , , ,

Topic summary

Goal: Hide the cart item count badge on the cart icon in a Shopify theme.

Proposed solutions (CSS-based):

  • Add CSS to the theme’s main stylesheet to remove the badge: .cart-count-bubble { display: none; }
  • Alternatively, target the header cart icon specifically (stronger selector): .header__icon–cart .cart-count-bubble { display: none !important; }

How to apply:

  • In Shopify admin: Online Store > Themes > Edit code.
  • Open Assets and edit base.css (or style.css/theme.css, depending on the theme).
  • Paste one of the CSS rules at the end of the file and Save.

Notes:

  • A screenshot was shared showing the badge hidden after applying the CSS.
  • The store preview link and password were provided by the OP for context/testing.

Status: Clear, actionable fix provided; no disagreements raised. The issue appears resolved once CSS is added.

Summarized with AI on December 15. AI used: gpt-5.
1

Hi everyone,

I’d like to remove the cart item count display (the little badge showing the number of items in the cart). Does anyone know how to hide or disable this?

Here’s my store preview link: https://www.rappid.run/collections/frontpage
Password: Password

Thanks in advance for any help!

Best,
Kim

KimGottwald_0-1730490973124.png
KimGottwald_0-1730490973124.png314×399 18.7 KB

1 Like
2

Hi @KimGottwald

You can hide that count using this simple CSS code you have to put into your theme->code-editor → base.css

.cart-count-bubble { display: none; }

If this Solution worked Like and Mark It as a Solution
Need an expert Shopify developer feel free to Contact Me

3

Hi @KimGottwald

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.header__icon--cart .cart-count-bubble {
    display: none !important;
}
  • And Save.
  • Result:
  • Made4uoRibe_0-1730492934779.png

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like