How can I hide the cart icon and item bubble in the Venue theme?

Store Design

Topic summary

A user needs to hide both the cart icon and item count bubble in Shopify’s Venue theme. They successfully hid the cart icon by commenting out code in the cart-icon liquid snippet, but the item bubble remains visible.

Solutions provided:

  • Add CSS code to hide both elements:
    • .secondary-nav__item--cart, .cart-drawer-trigger-icon { display: none !important; }
    • .cart-count-bubble { display: none; }

Implementation steps:

  1. Navigate to Online Store > Themes > Actions > Edit code
  2. Open the base.css file in the Assets folder
  3. Add the CSS code at the bottom of the file
  4. Save changes

A screenshot showing the expected result was shared. The discussion appears resolved with working CSS solutions to completely hide the cart functionality from the header.

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

Hello there,

As the topic of the post says, I am using the Venue theme and I need to hide the cart on the header. I commented out the entire code in Snippets > icon-cart.liquid and that did hide the icon but the item bubble that shows up on the cart is still visible.

Any tips?

Thanks!

Sean

1 Like
2

Hi @SeanHebein ,

Would you mind to share your URL website? with password if its protected? Thanks!

3

No password.

Thank you!

:slightly_smiling_face:

1 Like
4

Hi @SeanHebein

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.secondary-nav__item–cart, .cart-draw-trigger-icon {display: none !important;}

Regards,

San

5

Thank ypou for the information.

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.cart-count-bubble {
    display: none;
}

Result:

Ribe_Dagandara_0-1687616671595.png
Ribe_Dagandara_0-1687616671595.png965Ă—259 95.3 KB

I hope it help.