[Resolved] Change menu hamburger and cart icon

Home Forums Support [Resolved] Change menu hamburger and cart icon

Home Forums Support Change menu hamburger and cart icon

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #626298
    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

    GeneratePress 2.1.3
    GP Premium 1.6.2
    #626552
    David
    Staff
    Customer Support

    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/

    #630334
    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

    #630472
    David
    Staff
    Customer Support

    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.

    #685884
    Ivan Cazorla

    thanks!

    #686131
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.