Hiding Shopping Cart Icon in Main Menu

Hiding Shopping Cart Icon in Main Menu

mecocorp
Visitor
1 0 2

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?

Replies 3 (3)

FastBundle-Jay
Tourist
10 0 1

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! 😊

Please let me know if it works by a Like or marking it as a solution!
Best Regards | Jay

Fast Bundle - Seamless Bundle Builder for Shopify Merchants.

Made4uo-Ribe
Shopify Partner
9665 2300 2869

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!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

devcoders
Shopify Partner
786 99 202

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?

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!