Remove icon-bag-minimal (shop bag icon from menu) - IMPULSE 7.4.1 THEME

Topic summary

A user seeks to remove the shopping bag icon from the header/menu in Shopify’s Impulse theme version 7.4.1.

Attempted Solution:

  • Already tried adding CSS code to hide the cart icon bubble in the theme.liquid file before </body>, but it didn’t work.

Proposed Solutions:

  1. Guleria’s approach: Add CSS targeting .js-drawer-open-cart with display: none;

  2. BSSCommerce-HDL’s method:

    • Navigate to Online Store → Themes → Edit Code
    • Locate the “theme.liquid” file
    • Add specific CSS code (details provided with screenshots)

Status: The discussion remains open with multiple CSS-based solutions offered but no confirmation of which approach successfully resolved the issue.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.

I want to remove the

Hi guys, I want to remove the shopping bag icon from my main menu/header in my Impulse 7.4.1 theme. I already tried to add this in theme.liquid before but it’s not working. Can you help?

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

Try to add this one

.js-drawer-open-cart {
    display: none;
}
1 Like

Hi @ConstructionJSL ,

Please follow these steps:

  1. Navigate to Online store => Themes => Edit code

  1. Find the file “theme.liquid” and this code

This is the result:

1 Like