How To Hide The WooCommerce Shopping Cart In The Divi Menu

I was looking for a tip on how to hide the WooCommerce shopping cart in the Divi menu of a site I was working on and all of the suggestions were wrong. So I decided to write this quick post showing the correct way to hide the WooCommerce shopping cart icon if you’re using Divi by Elegant Themes.

The other articles I found all used a display:none CSS rule which is incorrect and a bad practice to get into anyways.

1. First navigate to the Divi submenu in your WordPress admin area and select Theme Builder.

 

2. Select the pen icon to edit the Global Header options.

 

3. This will bring up a screen to edit the Global Header Menu. Select the shopping cart module and click on the gear to bring up the module options. 

 

4. Select the Elements tab of the options menu.

 

5. Turn off the Show Shopping Cart Icon setting, you can also toggle the search icon next to it on and off.

 

6. Save your options and your WooCommerce cart icon in your Divi header menu should now be hidden.