Someone asked me today, why does the shopping cart had an icon of a basket instead of a cart? It’s called the “cart” after all, right? The URL says cart, and WooCommerce says cart, but there’s an icon of a basket.
Here you can see the default “cart” icon on the Storefront menu:
It also appears on mobile in the “handheld menu” on the bottom:
If you want to change these icons from a basket to a cart, here’s a bit of CSS I wrote that will do the trick (as of Storefront 2.2.4):
.site-header-cart .cart-contents:after, | |
.storefront-handheld-footer-bar ul li.cart > a:before { | |
content: "\f07a"; | |
} |
Result:
5 replies on “Storefront: Change the basket icon to a cart icon”
Thanks Mike, this was helpful.
cool! Just tried it and seems better!
Where to change it?
You can add this CSS in the Customizer > Additional CSS section.
thanks !!