How can I remove the cart icon from my website's header?

Store Design

Topic summary

A user seeks to remove the cart icon from their Shopify store header (Minion theme).

Initial Solution:

  • Add CSS code to hide #cart-icon-bubble in the base.css file
  • This approach initially fails due to an unclosed media query in existing CSS

Resolution Steps:

  1. Fix the syntax error by closing the previous media query with a curly bracket
  2. Update CSS to target both desktop and mobile cart icons:
#cart-icon-bubble, #cart-icon-bubble--mobile {
    display: none;
}

Outcome:
The solution successfully removes the cart icon on both desktop and mobile views. One additional user reports the code didn’t work for them and caused issues, but no follow-up troubleshooting is provided for that case.

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

Hi i want to remove cart icon from header

theme is minion

Link: https://trading-worldd.myshopify.com

pass: 0

2

Follow these 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;
}
1 Like
3

@Guleria doesnt work..

4

Issue in your css rule.
Your previous media query

@media (max-width: 992px){

missing closing tag.

Just before my code close it with curly bracket
this one

}

1 Like
5

its works now! but only on desktop not on mobile

6

Update the css with this

#cart-icon-bubble, #cart-icon-bubble--mobile {
    display: none;
}
2 Likes
7

Thank you so much bro!!

1 Like
8

Hi @tareekshawi

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

#cart-icon-bubble, #cart-icon-bubble--mobile {
    display: none !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

1 Like
9

Hola, no me funciona! :confused: me dejo la escoba el codigo