Hide Cart When Empty

Don't want to mess with code snippets? Request for this to be a feature of MyListing Pro.

Code Snippets, CSS
Cart, Hide, WooCommerce

Instructions

Create a new CSS code snippet.
Copy the contents of code snippet below.
Paste the contents into your code snippet.
Review any notes that I’ve provided.
Save and enable the code snippet.
Test.

Snippet

By default, MyListing will show the shopping cart in the navigation area, regardless of whether someone has added anything to their cart.

This snippet helps create a cleaner navigation area with fewer distractions for MyListing websites and applies to those that have enabled the ‘Show Cart’ setting (Theme Tools > Theme Options > Header).

.view-cart-contents:not(:has(.header-cart-counter[data-count])) {
    display: none;
}

Note: Users will see a flash of the cart icon before it disappears. According to the MyListing developers, there is no way around this.

MyListing Pro

One plugin. Endless possibilities.

Pro Community

Join for free today.

My Tech Stack

Trusted tools and resources.

Software Deals

Save on Premium Solutions.