Hello mmachado22,
Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer(i.e customize -> additional css)
.cart-contents{
display:none;
}
Hope this will helps you.
Thanks.
Thank you for the quick reply. When I enter that code it hides the entire cart. Is there a way to just hide the number inside the cart while keeping the cart icon?
you can try the following css
.cart-icon > a > span
{
display:none;
}
Thank you very much that worked, I really appreciate it.
One last question – can I remove the dropdown when you hover over the cart (it says “no products in the cart”)
Yes you can remove hover effect with the following css
.cart-icon:hover{
display:none;
}
For some reason that one hides the entire cart when you hover over it (not just the dropdown). Is it possible to hide just the square box underneath? Thanks
Please use this css
.cart-icon:hover .mini-cart {
display: none;
}