How to Remove Shopping Cart Icon from Divi Menu
In case you are building an ecommerce store with the Divi theme and have installed the WooCommerce plugin, you probably see a shopping cart icon in your secondary menu. In this article I will explain how you can get rid of it. You may not need it or have other plans with your website.
NOTE: If you are not sure if Divi is WooCommerce compatible, check my other article on the topic if Divi supports WooCommerce. I have also included some examples of Divi stores that are using WooCommerce into that post.
So the only thing that you need to do to remove it is to add the following code to the custom CSS field your Divi theme options (or your child theme‘s style.css file):
.et-cart-info { display:none; }
This should do the trick. I used this code on one website that I was building for a client.
Also, to hide the shopping cart icon only on a certain page of your website, just add this custom CSS code to the custom CSS field for that particular page. You will find it in the page settings > Advanced > Custom CSS.
For more quick Divi tips like this one, you can subscribe to my newsletter.
WordPress expert. Divi user since 2014. I blog about WordPress and Divi, my favorite WordPress theme. When I'm not working with WordPress or writing an article for this blog, I'm probably learning Italian. You can read more about me here.
Thanks!
Thank you so much :) Finally something that works!
So easy, when you know how (and where!) to put it. Thank you!
Oh thank God, finally something that worked. I’ve spent two hours looking, finally got rid of that icon!
THANK YOU!!! the only code that worked with Divi, Much appreciated.
Wow! That was so simple… many thanks.
THANK YOU SO MUCH, ANDREJ !!!! After 2 hours of searching for tutorials, I’ve finally found the answer! You’re a saver!
How do you add the cart icon to a custom header please?
Check this tutorial by DiviMundo.
That’s right. Thanks !
Thank you
Nice and painless. Thank you.