remove cart total from nav storefront

Question

I am attempting to remove the cart total from my main navigation on the storefront.

When I add this bit of code to my child theme css

.site-header-cart .cart-contents .amount {
display:none;
}

it makes the cart contents display in a line instead of the box that it was in before. If I remove .cart-contents from the code line it does not change anything.

The reason I need to remove the cart total is because I am using a plugin that allows for custom product customization that vary by price. The price does not change on the cart total until you click it and I think that will be confusing for customers.

Thanks in advance

Answer 1

I have tried this for my site.

.site-header-cart .cart-contents {display:none;}

Answer 2

I also wanted to just remove the total from the heading and this is what I did so far:

#site-header-cart a.cart-contents .woocommerce-Price-amount{
    display: none !important;
}