How to remove the header cart icon from my website?

Store Design

Topic summary

The discussion addresses removing the shopping cart icon from a website header. Multiple users provide the same CSS solution:

Recommended fix:

  • Add the following code to the bottom of the theme’s CSS file:
.site-header-cart {
    display: none !important;
}

Implementation guidance:

  • Navigate to: Online Store → Themes → Actions → Edit Code → Assets folder
  • Look for files named: theme.css, theme.scss, base.css, or style.css (varies by theme)
  • The Dawn theme specifically uses base.css

Current status:
Some users report difficulty locating the correct CSS file, while at least one user indicates the solution didn’t work for them. The thread remains open with unresolved cases.

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

Hi,

I just need to remove the header cart icon, what exactly do I need to remove in the header.liquid?

Thanks in advance!

Website link (pass: taudee)

1 Like
2

@Wellanie - add this css to the very end of theme.css file

.site-header-cart {display: none;    visibility: hidden;}
1 Like
3

@Wellanie

Please add the following CSS code to your assets/theme.css bottom of the file.

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

Thanks!

1 Like
4 
.site-header-cart {
    display: none !important;
}

@Wellanie

add this code in the bottom of the theme.css or theme.scss file.

2 Likes
5

how do i find the theme.css or theme.scss file section

im trying to remove the cart icon on the homepage of the dawn theme please help

6

@rass1 - please go to online store->themes->actions->edit code-> assets folder->theme.css/scss

7

Hi, i can’t find the “theme.css” or the “theme.scss” files.

8

@JungMedia - check if you have base.css or style.css or styles.css/scss

1 Like
9

I did find it now.. but with me it is called “base.css”

10

@JungMedia - that too works, I think you are using dawn theme

1 Like
11

Didn’t work from my part…