[Support request] Custom Menu Toggle Hamburger

[Joseph]

Thank you, Tom, for the updated code!Great support as always.

Daniel, I am trying to simulate a native app experience and Ionicons are the most realistic in that regard. I also use icons in places that it would be difficult to use SVGs so I use CSS icons for consistency as well.

[Tom]

Glad I could help!

SVGs are awesome, but aren’t supported in IE < 11. We'll be releasing 2.1 soon which has Font Awesome 5 - the icons are way nicer.

[Dan]

Hi Tom
Not sure if I should open a new thread, but what about Font Awesome 5 Pro?
I purchased the Pro version which has 2-3 more options for each icon, what would be the best way to incorporate it into Generate press?

Thanks,
Dan

[Leo]

Hi Dan,

We are actually in the process of implementing it 🙂

See this: https://generatepress.com/forums/topic/gp-font-awesome-pro/#post-488562

[Dan]

Oh! Thanks!
🙂

[Leo]

No problem 🙂

[Roman]

Hello,

Trying change default hamburger.

Use this code in functions

add_action( 'generate_inside_mobile_menu', 'tu_hamburger_icon' );
function tu_hamburger_icon() {
?>
    <span class="hamburger-box">
        <span class="hamburger-inner">Menu</span>
    </span>
<?php
}

But no success.

I change this in /generatepress/inc/structure/navigation.php
By my own and it works good. But this not good for theme update.

How i can change this code in attach, by functions ? Help me please

[Leo]

Hi there,

I just tested the code above and it should work.

You do need to add a prefer icon though like for example:

add_action( 'generate_inside_mobile_menu', 'tu_hamburger_icon' );
function tu_hamburger_icon() {
?>
    <span class="hamburger-box">
        <span class="hamburger-inner"><i class="fa fa-facebook"></i>Menu</span>
    </span>
<?php
}

and make sure load essential icons option is not checked:
https://docs.generatepress.com/article/general-settings-overview/

If you still can’t get it work, do you mind opening a new topic and provide a link to your site?

Thanks!

[Author]

Posts