[Resolved] Change menu hamburger and cart icon

[Ivan Cazorla]

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

[David]

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/

[Ivan Cazorla]

Thank you David, is there any list to check those icon choices on GP 1.7? When will it be released?

Thanks,
Ivan

[David]

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.

[Ivan Cazorla]

thanks!

[David]

You’re welcome

[Author]

Posts