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.
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