Remove cart from header in Tinker theme

Store Design
,

Topic summary

A user seeks to hide the cart icon from the header in Shopify’s Tinker theme. Their previous CSS code targeting .header__icon--cart no longer works.

Proposed Solution:
Another user suggests using .cart-drawer { display: none; } in the base.css file.

Current Status:
The original poster reports this solution didn’t work on their site, though the helper confirms it works in their browser testing (screenshot provided). The helper requests:

  • A link to the store for troubleshooting
  • Trying a hard refresh or incognito window to rule out caching issues

The issue remains unresolved, with potential caching or implementation differences being investigated.

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

Hi, how can I remove the cart from my header in the new Tinker theme?

This old code

.header__icon–cart {

visibility: hidden;

display: none;

}

isn’t working

2

Hi @meggriffin

Try with :

.cart-drawer {
    display: none;
}
3

Hi, this didn’t work either. I put it in the base.css like all my other sites but it’s still not working

4

Well worked for me in the browser, but can you share a link to your store? Also, try to do a full page refresh or open in a new incognito/private browser window.

scrnli_V05xTxL24pvrB4.png
scrnli_V05xTxL24pvrB4.png2936×1338 611 KB