Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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.
Solved! Go to the solution
This is an accepted solution.
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 :
Thank you.
Liz
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 </head>
<style>
li.relative.header__cart-link {
display: none !important;
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> 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 </head>
<style>
header svg.header__nav-icon.icon.icon-cart {
display: none;
}
</style>
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
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; }
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
This is an accepted solution.
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 :
Thank you.
Liz
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