Editing the hamburger dropdown menu


#1

I would like to edit the hamburger dropdown menu in the navigation - background color, font, etc. What is the correct class to add to the class manager in order to do this? the class “.navbar-toggle .icon-bar” allows me to edit the hamburger icon itself but not its dropdown menu.


#2

Hi,

The classes are:
For background color normal and hover.
.nav > li

And for meny text
.nav > li a

Both have to be added with “No, leave spaces intact”

But there’s a problem with breakpoints.
On iPhone portrait mode it’s fint but in landscape it reverts to the colours of the tablet breakpoint.
I think more breakpoints are on Norms todo list.
We need these breakpoints: Computer, Laptop, Tablet landscape, Tablet portrait, Mobile landscape and Mobile portrait.

This is the issue if you change the colours of the hamburger menu.


#3

Thanks.

These classes work fine in the mobile portrait mode - however, as you say, they don’t work in the mobile landscape, tablet or desktop views.

I am hoping to use the hamburger icon for all views, since my page titles are a little long for the textual navigation menu.

Any other suggestions are welcome.


#4

@cnstnce228 you can set the menu to be hamburger style for all views.
Klick the menu and change the Appearance.