Website Building » WooCommerce » How Do I Get Rid of the WooCommerce Cart Icon?

How Do I Get Rid of the WooCommerce Cart Icon?

Last updated on October 1, 2022 @ 3:45 pm

If you’re using WooCommerce on your WordPress site, you may have noticed the little shopping cart icon that appears in the upper right corner of your site. While this icon can be helpful for reminding visitors that they can purchase products from your store, it can also be a bit of an eyesore.

If you’re looking to get rid of the WooCommerce cart icon, there are a few different methods you can use.

One method is to simply hide the icon using CSS. To do this, you’ll need to add some code to your WordPress theme’s stylesheet.

The code you’ll need to use will depend on what theme you’re using, but you can generally find it by looking for the “#header” or “.header” selector in your theme’s stylesheet. Once you’ve found this code, you’ll want to add the following:

.header {display: none;}

This will hide the header element on your site, which will in turn hide the WooCommerce cart icon. Of course, this method isn’t perfect, as it will also hide any other content that is contained within the header element on your site. If you only want to hide the WooCommerce cart icon, you can use a more specific CSS selector.

PRO TIP: If you are considering removing the WooCommerce cart icon from your site, be aware that this may have negative consequences. Doing so may make it difficult for users to find the shopping cart, and may result in fewer sales.

Another method you can use to get rid of the WooCommerce cart icon is to delete it completely using a plugin. There are a few different plugins available that will allow you to do this, but we recommend using the WooCommerce Cart Icon Remover plugin. This plugin is simple to use and doesn’t require any code or technical knowledge.

Once you’ve installed and activated the plugin, simply go to Settings > Cart Icon Remover and select which pages you want the cart icon removed from. You can also choose to remove the icon from all pages except for the WooCommerce shop page or product pages if you’d like.

After making your selections, click Save Changes and the cart icon will be removed from your site.

The two main ways to get rid of the WooCommerce Cart Icon are either through CSS or through a Plugin. Using CSS is more technical and requires code, while using a Plugin is much simpler and only requires a few clicks.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.