How do I remove shopping cart icon (using the Prestige theme)

Store Design
, ,

Topic summary

A user seeks to remove the shopping cart icon from their Shopify store header using the Prestige theme.

Multiple CSS Solutions Provided:

Several respondents offered similar approaches using custom CSS code:

  • Add CSS to theme.liquid file before the </head> tag
  • Alternatively, insert CSS via Customize > Theme Settings > Custom CSS section

Proposed CSS selectors include:

  • .header li.header__cart-link { display: none; }
  • li.relative.header__cart-link { display: none !important; }

Implementation Steps:

  1. Navigate to Online Store > Themes > Customize
  2. Access Theme Settings > Custom CSS
  3. Paste the provided CSS code and save

Alternative Approach:

One response suggests checking for a built-in toggle option in Theme Settings before editing code, or manually editing header.liquid to remove/comment out cart icon code.

Screenshots demonstrate the expected result with the cart icon hidden. The discussion remains open with no confirmed resolution from the original poster.

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

Hello,

I am trying to remove the shopping cart icon in the header.

Here is the link to my website: https://www.closdelaclos.com/

Thanks in advance for the support.

1 Like
2

Hi @closdelaclos

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

3

Hi @closdelaclos

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1738737564746.png
PageFlyRichard_0-1738737564746.png1390×953 270 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

4

Hi @closdelaclos

You can do that by adding this code to Custom CSS in your store admin > Sales channels > Online Store > Themes > Customize > Theme settings

.header li.header__cart-link { display: none; }
5

Hi @closdelaclos

You can follow the instruction here :

  1. Go to Shopify > Online store > theme > customize

  2. Click to Settings > Custom CSS > Paste this code to the section and save. https://prnt.sc/Rl66N9K_Bjvs

li.relative.header__cart-link {
    display: none !important;
}

Result :

LizHoang_0-1738744033324.png
LizHoang_0-1738744033324.png1316×594 482 KB

Thank you.

Liz

6

To remove the shopping cart icon in the header of your Shopify store using the Prestige theme, you’ll need to make a small tweak in your theme’s code. Go to your Shopify Admin, then navigate to Online Store > Themes > Customize. Once there, click on Theme Settings and check if there is an option to hide the cart icon in the header (some themes provide this toggle option). If you don’t see it, you’ll need to dive into the theme code: go to Actions > Edit Code > Sections > header.liquid. Look for any code related to the cart icon (like something with cart or icon in it) and comment it out or delete it carefully