Hamburger Menu

BB Theme
1

I worked with a client yesterday and showed them the Hamburger Menu for mobile and they had no idea what it was. Their comment, “I thought it was design thing that was part of the logo.”

Is there a way to create my own PNG icon and substitute it for the current one?

Thanks.
Doug

2

Hmm… Why change a standard for 1 sole client who wasn’t, but is now, educated? :slight_smile:

3

nomad411,

I’m thinking of the users of the site and am concerned they won’t get it either. I’m only wanting to add the text “MENU” above the 3 solid horizontal lines and treat the whole thing as an PNG file.

Doug

4

Ahh I see… Makes sense.
A Down arrow (Reverse Pyramid) might also be a good icon choice.

My 2 cents È)

PS: I didn’t even know we had a hamburger option… thanks :slight_smile:

5

You got me curious… I believe your answer is:

fl_nav_toggle_text
Use this filter to change the text or icon that is shown in the mobile nav toggle button.

function my_nav_toggle_text( $text ) {
    return 'Main Menu';
}
add_filter( 'fl_nav_toggle_text', 'my_nav_toggle_text' );
6

I just tested and it works flawlessly, of course :slight_smile:

It was taken from here: http://forum.wpbeaverbuilder.com/knowledge-base/theme-filter-reference/

7

Hey Doug,

Nomad411 is right, you can change it using the filter above. If you want to use a custom image, you can do it like so…

function my_nav_toggle_text( $text ) {
    return '<img src="http://www.domain.com/image.jpg">';
}
add_filter( 'fl_nav_toggle_text', 'my_nav_toggle_text' );

Just make sure to use a smaller image. :slight_smile:

Ben

8

Thanks Guys,

Currently going with a PNG image. 40x40 pixels works well.

Doug

9

Hey Doug,

No worries! And thanks for the advice. :slight_smile: Have fun with The Beaver! :slight_smile:

Ben