Remove 'shopping cart' icon in header

Hi hugodscott,

How are you today? ??

You can add this CSS code to hide it completely:

@media (max-width: 767px) {
    .header_cart {
        display: none;
    }
}

Or in my personal opinion just hide the background and leave the icon on it’s own with this CSS code:

@media (max-width: 767px) {
    .header_cart {
        background: none;
    }
}

In both codes you can change the 767 value to adjust on which screen size this code will start to apply to.

If your theme doesn’t have custom CSS field, then you may wish to use a child theme or a plugin like this one for this additional CSS. That way you’re protected when you come to upgrade.

Cheers,
Predrag

Many thanks for your quick reply Predrag. I’m sorry but I am very inexperienced at WP and this hasn’t worked. I have just exactly copy and pasted your code into the “Insert Headers and Footers” plugin. Is this not the right thing to do?

The website is https://www.wackysuits.co.uk

With kind regards

Hugo

Please ignore my last comment – it is now working perfectly using the plugin you suggested. Many thanks.

Awesome, glad to hear I could help ??

Have a nice day!

Predrag

how to remove the shopping cart and the cart 0.00 from header

• This reply was modified 7 years, 9 months ago by janmeshshirke03.

Hi @janmeshshirke03,

If above fix didn’t work for you please start your own thread per forum welcome and we will look into this for you.

Thank you,
Predrag