Cart icon not appearing, Impulse theme

Store Design
, , , ,

Topic summary

Issue: The cart icon was missing from the header on a Shopify store using the Impulse theme.

Key steps:

  • A site link was provided so others could inspect the issue.
  • Two CSS-based fixes were suggested. CSS (Cascading Style Sheets) controls the visual presentation of site elements.

Proposed fixes:

  • Set the header icon color in assets/base.css to ensure SVG icons aren’t invisible: “.header-item.header__icons * { fill: #000000 !important; }”.
  • Force the cart icon link to display by overriding a hidden class in Assets > theme.css: “a.hide.site-nav__link.site-nav__link–icon { display: inline-block !important; }”.

Outcome:

  • Implementing the display override in theme.css made the cart icon appear, resolving the issue.

Status:

  • Resolved. No further action requested or outstanding questions.
Summarized with AI on December 13. AI used: gpt-5.
1

My store’s cart icon does not appear on my header, I am using the impulse theme.

2

Hi @jj5 ,

Please send the website link, I will check it for you

3

Hi @jj5 ,

In this case, I’d like to provide you with a solution and I hope it works:

Please go to your Online store > Theme > Edit code > Open your assets/base.css theme file > Add the following code at the end of the file:

.header-item.header__icons *{
fill: #000000 !important;
}

I hope my answer is hepful to you,

Liz

4

https://www.pettigrew-usa.com/

5

Hi @jj5 ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

a.hide.site-nav__link.site-nav__link--icon {
    display: inline-block !important;
}
1 Like
6

Thank you very much! this is working now

7

Hi @jj5 ,

You’re welcome and happy to help :blush: