Site logo

Archived topic

Change menu hamburger and cart icon

5 replies · Started by Ivan Cazorla on July 18, 2018

Viewing posts 1–6 of 6

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:

Cart Icons

Tom and Leo are in the process of updating the documentation so its very near release.

thanks!

You're welcome

This archived topic is closed to new replies.