Remove icon from cart

Store Design

Topic summary

A user seeks to remove a cart icon appearing on their Shopify store (shown in an attached screenshot). Two solutions have been proposed:

Solution 1 (Emre_SecretHero):

  • Suggests the icon is Shopify’s floating cart notification button
  • Recommends adding CSS code .cart-notification-button { display: none !important; } to the theme’s custom CSS section
  • Advises using browser “Inspect” to identify the exact class name if this doesn’t work

Solution 2 (Bundler-Manuel):

  • Proposes editing the theme’s base.css file directly
  • Suggests adding #cart-icon-bubble { display: none; } code

Current Status:
The issue remains unresolved. The original poster reports neither solution is working, noting that coding changes may not be possible on the checkout page specifically. The discussion is ongoing with no confirmed resolution yet.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hello,

Does anyone know how I can remove this icon from the cart?

Screenshot 2025-05-10 at 11.40.52 pm.png
Screenshot 2025-05-10 at 11.40.52 pm.png1530×852 35.2 KB

I’ve tried numerous coding suggestions from ‘Sidekick’ on Shopify.

Kind regards,

Georgie.

1 Like
2

Hi! :waving_hand:

Thanks for the screenshot — that icon looks like Shopify’s floating cart notification button, which sometimes appears in the cart or checkout view depending on your theme.

If you’d like to remove it without editing your theme code directly, you can try adding this CSS in your theme’s custom CSS section. This will remove the button on the UI so you need to apply this code on which page you don’t want to show:

.cart-notification-button {
  display: none !important;
}

If that doesn’t work, the class name might be slightly different — you can right-click the icon in your browser, click “Inspect,” and check the exact class applied to it.

It’s great that you tried Sidekick — sometimes those suggestions need a little extra context based on the theme you’re using.
If you’re still stuck, feel free to let me know which theme you’re on and I’d be happy to take a quick look with you.

Hope it helps,
Best.

3

Hello there @georgiealdous Try out these simple steps

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code below:

 #cart-icon-bubble {
    display: none;
}
4

This isn’t working, but this may be because apparently you cannot make coding changes to the checkout page?