When building an ecommerce site with Divi theme, you will see a shopping cart icon in your primary menu after you have installed the WooCommerce plugin.
In most cases, you will want to get rid of it, since it doesn’t look nice on the menu bar with other menu links.
In this article, I will explain how you can remove the shopping cart icon from the menu bar after installing the WooCommerce plugin.
It is important to note that Divi is WooCommerce compatible, and there are lots of websites built using Divi that are running the WooCommerce plugin.
To remove the WooCommerce cart icon from the DIVI header on your WordPress site.
Login the WordPress admin area and under Divi >> Theme Options, enter the following custom CSS:
.et-cart-info {
display:none;
}
That’s it for now. To be able to receive more of these tips. Subscribe to my newsletter.
Hello Patrick,
Thanks for the tutorial. One question. Where do I put the CSS code?
Hello Marie,
To be able to add a CSS code to your Divi website, go through this short tuitorial.
How to Add CSS Code Snippets to the Divi Theme
Thank you for sharing this. It worked the first time.
I must say, that was so easy to do. You have made it look so easy. Thanks for the tutorial.
You are most welcome, Alicia.
I’m glad it did.