Support » Plugin: WooCommerce » How to remove cart icon in header

  • Resolved dudleyks



    On my website (, a cart icon has appeared in the header to the left of the social icons. As the products are just being showcased on the site at the moment & can’t be bought, there is no use for the shopping cart icon or page, and I would like to remove the icon, but I can’t work out how (doh!) I’d be really grateful if anyone could tell me how to do this.

    Thank you so much in advance for your help 🙂


Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author royho


    You can use this CSS in a child theme’s style.css file.

    .tc-wc-header-cart { display:none }

    If you don’t want to use a child theme, then you can use a plugin like this

    Okay, I am so stupid… I put the code into the .css file & it didn’t work, so I tried it in the functions.php file (as I had some WooCommerce related code in there from before, so I thought it would be okay). I know now that this was a MAJOR error, and I am so sorry, but do you have any idea how I can fix this? I just need to take out that line of code, but the site now says server error and I can’t do anything.
    I have a child theme through Childify & I don’t have FTP access.
    Feeling like a real idiot right now 🙁
    Thank you so much for your quick answer though, Royho!

    Plugin Author royho


    You can try FTPing into your site or use your hosting file manager to temporarily change the name of your theme folder to something else like xxxx-temp. That will deactivate the theme allowing you access to your admin dashboard again. Then revert your changes and change the folder name back. Lastly activate the theme again.

    Hi Royho,
    Thank you so much for your help! Luckily Bluehost helped me to get back in, thanks to your advice – I thought I had replied earlier to thank you, but obviously not, so I’m sorry about that!
    I hoping the problem is all solved now & I’ve set up my FTP access now so that’s good too!
    Finally got up the courage to try that code in my child theme’s style.css file again, but the cart icon is still there.
    Do you have any advice on how to remove it?
    Thank you again so much for your help & patience 🙂

    Plugin Author royho


    That should work but you can also try this .tc-header .tc-wc-menu .nav { display:none }

    Ah that’s worked perfectly 🙂
    Thank you so much!

    This might help someone else as I had the same issue but the CSS code never worked for me, but instead this worked out for me..

    #Top_bar a#header_cart { display:none }

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to remove cart icon in header’ is closed to new replies.