Delete Cart Button in Header District Theme

Technical Q&A
, ,

Topic summary

Goal: Remove the cart button from the header in the Shopify District theme for a store that doesn’t sell directly.

Context and attempts:

  • “Add to cart” was already removed on product pages, but the header cart icon remained.
  • A helper requested the store URL and password, then asked for the exact cart location as it wasn’t visible on their end.

Resolution (final and most recent update):

  • The original poster found a working fix and shared it:
    • In Theme Editor: Customize > Top Bar > Custom CSS, add: a#CartButton { display: none; }
    • This CSS hides the header cart link by setting it to not display.

Outcome and status:

  • Practical solution provided by the OP; no further alternatives or follow-ups.
  • Thread resolved; no open questions.

Notes:

  • The solution is CSS-based and depends on the header cart element having the id “CartButton.” If the theme structure changes, the selector may need adjustment.
Summarized with AI on January 17. AI used: gpt-5.
1

I use the District Theme in one of my Shopify Shops.

Because we don’t sell any products directly, I must’nt have a “Add to cart” Button or a Cart in general.

I successfully deleted the “add to cart” button on the product pages already.

But now I have problems with deleting the cart button in the top right corner.

I already tried mutliple codes i found on the internet but none seemed to work.

A working solution would be amazing!!!

Thanks already

1 Like
2

Hi @mvettori

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

3

Sure Thing, heres the URL:

https://your-drink.at

and here’s the Password:

YourDrinkRedesign2023

Thanks!

1 Like
4

Thank you, Sorry to ask again. Would you mind to point out the location of the cart youve like to remove? Its not visible on my end.

Made4uoRibe_0-1695738571896.png
Made4uoRibe_0-1695738571896.png1360×501 67.7 KB

5

I already found a solution through another source!

For anybody with the same problem, here’s the solution:

Go into Customize > open the Top Bar section > expand the Custom CSS option and paste in the following:

a#CartButton {
    display: none;
}

Hope this can help anybody!

1 Like