How to remove(hide) woocommerce cart icon in mobile version?

  • zinc43

    (@zinc43)


    5 years ago

    I’m making a website using Zakra Theme.
    I downloaded Woocommerce plugin, and it automatically created a shopping cart icon on the header of my website. I need the payment function, but I don’t need an icon because I have separate buttons made for payments.

    I found out that the code for Desktop version is this:

    .tg-primary-menu > div > ul > li.tg-menu-item-cart {
    display: none;
    }

    But I couldn’t find out how to remove it from Tablet and Mobile versions.
    Please help me if you know the solutions. ??

    Thank you

    • This topic was modified 5 years ago by zinc43.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @zinc43,

    The above CSS works on all devices. If you want to remove the cart from all devices, please use the CSS you have mentioned above.

    To remove cart from only tablet & mobile devices, use below CSS: 

    @media screen and (max-width: 768px){
li.menu-item.tg-menu-item.tg-menu-item-cart {
    display: none;
    }
}

    Thanks.

    Thread Starter zinc43

    (@zinc43)

    @shreejanakc
    It worked perfectly! You solved my problem ?? Thank you sooo much!!

    It was a pleasure helping you out. ?? Please let us know if you have any further queries.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to remove(hide) woocommerce cart icon in mobile version?’ is closed to new replies.

Tags