Hide cart from main menu when empty

  • flashaha

    (@flashaha)


    4 years, 8 months ago

    Hi there
    I would like to hide the cart from the main navigation (primary) menu when it is empty. Is that possible? When the cart is empty is shows the cart icon with $0 next to it, which I don’t really like. I want to hide either just the currency amount, or the whole thing. Please let me know if that is possible? I don’t see a setting for that, but maybe I’m missing it.
    Many thanks
    Ilana

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • miemie

    (@miemie)

    4 years, 8 months ago

    Hi @flashaha,

    If you would like to hide/remove the price next to the cart icon in the menu, please add below CSS code to WP-Admin → Appearance → Customizer → Additional CSS:

    .woofc-menu-item-inner-subtotal {
    display: none !important;
}

    Regards,

    Thread Starter flashaha

    (@flashaha)

    4 years, 8 months ago

    Hi Miemie

    I only want to hide it when the cart is empty. This code will hide it all the time. Can you assist?

    With thanks
    Ilana

    Plugin Author WPClever

    (@wpclever)

    4 years, 8 months ago

    Hi @flashaha

    Please try the CSS code below:

    1. Hide all:

    .woofc-menu-item-inner[data-count="0"] {
    display: none;
}

    2. Hide the amount only:

    .woofc-menu-item-inner[data-count="0"] .woofc-menu-item-inner-subtotal {
    display: none;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Hide cart from main menu when empty’ is closed to new replies.