How to Remove Shopping Cart Icon from Divi Menu

by AndrejLast Updated: Apr 12, 2021Blog, Divi theme

If 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 smart Divi tips like this one, you can subscribe to my newsletter.

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.

5 Comments

Sergio Ortiz on April 30, 2019 at 7:50 pm

Thanks!

Sam on September 13, 2019 at 1:42 pm

Thank you so much :) Finally something that works!

Tamsta on January 29, 2020 at 8:08 pm

So easy, when you know how (and where!) to put it. Thank you!

Kornelia on July 1, 2022 at 4:44 pm

Oh thank God, finally something that worked. I’ve spent two hours looking, finally got rid of that icon!

NN on September 30, 2023 at 12:05 am

THANK YOU!!! the only code that worked with Divi, Much appreciated.