wordpress how to remove cart icon in menu

Removing WooCommerce Cart Icon from Header in Divi

While there are plenty of setting options you can apply to style up your header in Divi, there is no option to remove the cart icon if you have WooCommerce installed and activated on your website. A little CSS snippet is needed to remove it. You can use the following CSS snippet to remove the icon.

.et-cart-info {
	display:none !important; 
}

The above code selects the icon using the class selector of .et-cart-info. The display property — with the none value — is used to hide the icon. You can place the above code on the Custom CSS field on the Theme Options. Go to Divi -> Theme Options on your WordPress dashboard and scroll down to the Custom CSS option field under the General tab. Paste the CSS snippet and click the Save Changes button to apply the code.

That’s it. The icon should now be gone from your header.


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *