Remove “My Cart” icon in the header menu

[Toby Wong]

Hello, how can I remove the My cart icon and the $0.00 from header menu?
I use woo commerce for the product catalog but not for online shop.

Thanks a lot.

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.header-extras { display:none;}

Regards,
Chris

[Toby Wong]

Hi Chris,

It not work. the cart and amount still here.

Here is my code in CSS:

.tabs.wc-tabs, .post_head { display:none;}
.single-product .mywrap { position: relative;}

.header-extras { display:none;}

span.desc{display: none;}

@media screen and (max-width: 479px) {
.auto-parts-products-box {
width: 49% !important;
vertical-align: top;
}
}

Thanks 🙂

[Sonal S Sinha]

Hi,

Kindly show us your website URL?

Regards,
Chris

[Toby Wong]

www.riccosmart.com

Thank you

[Sonal S Sinha]

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.header-extras {display:none !important;}

Regards,
Sonal S Sinha

[Toby Wong]

It works, thank you 🙂

[Sonal S Sinha]

🙂

[Toby Wong]

Hi I got another problem after the code, please find the image : https://jumpshare.com/s/yuT7vbNrreq5IvvYnzyQ

The “My cart” was gone, but my menu seems cannot be in center.
Thanks 🙂

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#topmenu { padding-right: 0;}

Regards,
Chris

[Toby Wong]

It work! Thank you 😀

[Sonal S Sinha]

Great 🙂

[Author]

Posts