How to Remove Shopping Cart/Bag Icon from Header Menu

How to Remove Shopping Cart/Bag Icon from Header Menu

highfallscanna
New Member
5 0 0

I have been trying to remove the shopping cart/bag icon from the upper right header menu on website but any time I manage to change some CSS code to make it disappear, the rest of the icons suddenly disappear as well. I would like to ONLY remove the shopping cart icon, is there a way to do that?

Link to website: https://highfallscannany.com/

Replies 2 (2)

Shadab_dev
Shopify Partner
1097 58 112

In theme.css at the very bottom try this

.header__icon-touch a[href="/cart"] {

display: none;

}

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.

Techwolf
Shopify Partner
8 2 1

HI @highfallscanna ,

 

Add this css on theme.css 

span.icon-button.icon-button-header-shopping-cart {
    display: none;
}

[data-js-cart-icon=cart] [data-js-cart-count] {
    display: none;
}

 

Result: download.png

 

if this code ia helpful , Mark is accepted 

Thanks And regards