Archived topic
Change menu hamburger and cart icon
5 replies · Started by Ivan Cazorla on July 18, 2018
Hi there,
Is it possible to change the menu hamburger icon and the cart icon for another font awesome icon?
Is it also possible to replace those icons for my own svg?
Thanks,
Ivan
Hi Ivan,
So here is the current menu-toggle CSS, its using a before pseudo element, so you can change the unicode and font family if you want to use font icons:
.menu-toggle:before {
content: "\f0c9";
font-family: GeneratePress;
width: 1.28571429em;
text-align: center;
display: inline-block;
}
The Content property can support an image like so: content: url(image.jpg);
You can use this filter to change the shopping cart icon, note: GP 1.7 comes with a few icon choices:
https://docs.generatepress.com/article/generate_woocommerce_menu_cart_icon/
Thank you David, is there any list to check those icon choices on GP 1.7? When will it be released?
Thanks,
Ivan
Hi Ivan these are the three icons, like most things the cart will be filterable and so not difficult to switch these around:

Tom and Leo are in the process of updating the documentation so its very near release.
thanks!
You're welcome