How do I temporarily remove the cart icon on both desktop and mobile? This option should not be available at all.
Theme: Berlin
Topic summary
A user seeks to temporarily hide the cart icon on their e-commerce site (byorto.com) using the Berlin theme, for both desktop and mobile views.
Proposed Solution:
- Add custom CSS to hide the cart icon
- Target classes like
.site-header .cart-iconwithdisplay: none !important;
Implementation Options:
- Insert CSS into theme files (theme.css.liquid or styles.css.liquid)
- Use the theme customization interface: navigate to header settings and paste code into the custom CSS area at the bottom
- Alternatively, comment out the cart icon directly in liquid template files
Status: The discussion remains open with the original poster asking for clarification on exact placement of the CSS code. A screenshot was shared showing where to paste the custom CSS in the theme editor.
Hello @orchiworld
please provide password
Hi,
theme.css.liquid, or styles.css.liquid or similar
Need to use custom css
Example
.site-header .cart-icon,
.site-header .cart-icon img {
display: none !important;
}
Also check cart icon in liquid files and comment it out
1 Like
noaxorto
Where exactly do I paste this?
@orchiworld post it in a .css file or copy it and go theme customization, open the header and see the custom CSS area at the bottom then paste and save it.
1 Like