Hiding Shopping Cart Icon in Main Menu

Store Design
,

Topic summary

A user is unable to hide the shopping cart icon in their header menu while using the Eurus theme, despite trying previous suggestions.

Proposed Solutions:

  • Theme Customizer: Check for a built-in toggle under Header/Navigation settings in the theme customization panel
  • Custom CSS: Add display: none !important; to the cart icon’s class (found via browser inspect tool) in the theme’s CSS file
  • Code Editing: Locate and comment out or remove the cart icon code in the header.liquid file
  • Theme Support: Contact Eurus theme support if self-implementation proves difficult

Current Status:

Multiple community members have requested the store URL to provide specific guidance. The issue remains unresolved pending additional information from the original poster to diagnose the exact implementation needed for their particular setup.

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

Hello, I am unable to hide my shopping cart icon in my header menu. I am using the Eurus theme. I’ve gone through all of the other suggestions and none have worked. Could I get some help?

2 Likes
2

If you’re struggling to hide the shopping cart icon in the header while using the Eurus theme, don’t worry—it’s a common tweak that’s usually pretty straightforward. Here are a few steps you can try:

1. Check the Theme Customizer

First, head to your Shopify admin:

  • Go to Online Store > Themes and click Customize for your Eurus theme.
  • Browse the settings for your header (usually under “Header” or “Navigation”). Many themes have a toggle to show or hide the cart icon directly. If you see that option, simply turn it off.

2. Use Custom CSS

If there isn’t an option in the settings, you can hide it with CSS:

  • Go to Online Store > Themes > Actions > Edit code.

  • Look for your theme’s CSS file—usually named theme.css, base.css, or something similar.

  • Add this code to the bottom of the file:

    .cart-icon-class {
    display: none !important;
}

    To find the correct class name (cart-icon-class is just an example), inspect the cart icon on your site:- Right-click the cart icon and select Inspect (or use Developer Tools).

    • Find the element’s class in the code that pops up—it’ll look something like .cart-icon or similar.

3. Edit the Header Code

If the CSS doesn’t work or you prefer to remove the icon entirely (not just hide it), you can edit the theme’s code:

  • Go to Online Store > Themes > Actions > Edit code.

  • Open the header.liquid file (or a similarly named file).

  • Look for the part of the code related to the cart icon, which might look like this:

    <a href="{{ routes.cart_url }}" class="cart-icon-class">...</a>

  • Comment it out or remove it entirely:

    <!-- <a href="{{ routes.cart_url }}" class="cart-icon-class">...</a> -->

4. Reach Out for Help

If none of the above works, or you’re not comfortable tweaking the code yourself, it’s a good idea to reach out to the support team for the Eurus theme. They’re familiar with their theme and can guide you or even make the change for you.

Let me know if you need more guidance—I’m happy to help! :blush:

3

Hi @mecocorp

Would you like to hide the cart icon on all pages in your header menu? If it is please, share your store URL. Thanks!

4

Hello @mecocorp

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?