Hamburger for menu ?

BB Theme
1

Is there a way to make the menu have a hamburger icon instead of the word ‘Menu’ ?
I searched the forums and found one reference to it - but I can’t see a setting anywhere!
Cheers, Dave

http://forum.wpbeaverbuilder.com/support/q/logo-not-resizing-in-firefox/
(last entry buy Leo!)

2

Hello Dave,

Thanks for getting in touch! Unfortunately, that functionality is not embedded to the BB theme. The thread owner probably applied a custom CSS to have it implemented. A quick Google led me to this which seems to work when I tried it so feel free to give it a shot and tell us how it goes.

Hope this helps!

Ben

3

Hey Dave,

We do have it on our roadmap to add a setting in the Customizer for doing a hamburger icon, but we don’t have an ETA on that yet. I’ll post back when we do.

Thanks,
Justin

4

Thanks Ben & Justin,
Not a problem - looking forward to that.
Regards, Dave

5

Anytime, Dave! Have fun with The Beaver! :slight_smile:

Ben

6

I also hope the hamburger icon will be available in the next update!

7

+1 for hamburger menu!!

8

We just finished the initial dev for that yesterday :slight_smile: We’ll have a theme release coming out in a week or two before we jump into some big updates to the builder.

Justin

9

Thanks for the update Justin - looking forward to all the new upcoming features :slight_smile:
Dave

10

I found the ShiftNav plug-in to be a quick fix to this problem for the time being. Adds a hamburger menu in customizable bar at the top that sticks when scrolling. Quite handy for the time being.

11

Hi Clay,
This is now a feature…
Checkout the change-logs.
http://forum.wpbeaverbuilder.com/change-logs/
It actually first appeared in the 1.3.1 beta that came out on June 23rd.
You will find it in:
Customizer >> Header >> Nav Layout >> Mobile Nav Tooggle
Cheers, Dave

12

Hi Clay,

Thanks for sharing! This is pretty useful for someone using a different theme. :slight_smile:

Ben

13

Since it is part of the theme, can someone share the css to move it from center to left or right?

14

So in the menu settings, if you set the menu to left, right or center then the hamburger menu will do the same for mobile devices. What I would like to do is have the menu on laptops/desktops to be centered, but have the hamburger menu to the left or right for mobile devices.

15

Hey Ira,

The theme Hamburger menu should be on the right side by default. Are you referring to that or the Menu module? Do you mind sharing the URL of the site so we can take a look?

Ben

16

I am using the menu module. You can select left, right or center. However that moves the full menu as well as the hamburger. So I was hoping to be able to keep the full menu in the center, but have the capability of moving the hamburger to the left or right without affecting the full menu.
I will play with the settings and see if I can use the margins and such to move the menu. I tried it with the hamburger which did move it, but was skewed to far to the right in vertical mode and okay in horizontal on a 5 inch screen.
I would be happy to share the site url…let me know if you need admin as well.

17

edcc.suburbialifedesigns.com

18

Hey Ira,

What you can do is you can create 2 menus. You can set the first one to appear on large devices and configure it how you want it to appear on large devices, then set the other one to appear on mobile devices, and set it how you want it to appear on mobile. You can change this setting under Advanced > Responsive Layout for each module/column/row. :slight_smile:

Ben