Hi there!
This must be done in two parts:
1. Hide the cart icon
2. Disable Cart functionality
1. To hide the cart icon
With Storefront Powerpack, you can remove the cart from header: https://cld.wthms.co/mX0uMs
The end result would be: https://cld.wthms.co/C2kv83
It also comes with a wide range of customization options: https://docs.woocommerce.com/document/storefront-powerpack/
If you only want to disable cart icon via CSS, you use the following CSS snippet:
/* Hide header - cart */
.site-header-cart {
display: none;
}
Please navigate to **Dashboard > Appearance > Customize > Additional CSS**, add the above snippet and then click on Publish button to save changes.
Note that this will only remove the cart icon, but not the page, or the process itself.
2. Disable Cart functionality
Once that’s done, we can either disable cart via custom coding: https://www.cloudways.com/blog/skip-cart-page-go-straight-to-checkout-page-woocommerce/
Or you can disable the cart function by making use of any third party extension that will help you redirect your customers directly to the checkout page. You can find plugins by searching for WooCommerce Add to Cart Redirect in your favorite search engine.
