How to Remove Shopping Cart Icon from Divi Menu

by Last Updated: Oct 7, 2023Blog, Divi theme

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.


Remove Shopping Cart Divi


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.

5 Free WordPress Plugins You Should Use

Banner - Author Box for Divi Plugin


Author: Andrej

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.