Hamburger menu


#1

Hi,

is there a way to change the colour of the hamburger icon?

thanks

PJ


#2

+1

Changing color in appearance menu doesn’t do anything.


#3

I had been racking my brain with this one! Finally worked it out last night.

2 things I had to do, I am using the rounded uneven line- I had to add a line to the CSS for the dot and change the colour for the lines as per below:
see here www.blackshah.co.nz/TrippA

/* Rounded Uneven Bars Menu Icon /
.navbar-toggle.menu-icon-rounded-uneven-list .icon-bar, .navbar-toggle.menu-icon-rounded-uneven-b-list .icon-bar{
height: 4px;
border-radius: 6px;
background-color: #4286f4;
}
/
Rounded List Menu Icon */
.navbar-toggle.menu-icon-rounded-uneven-list .icon-bar:before{
content:"";
width:4px;
height:4px;
margin-left:-6px;
border-radius: inherit;
background-color:#4286f4;
display: block;
}


#4

Hi,

I worked it out how to change the colour of the menu.

watch screencast video here to see how to do this:

Highlight your hamburger menu

click on class manager at bottom of list

create new subclass

toggle menu navigation symbol

which appears as:

navbar-toggle .icon-bar

click on this to change the colour elements of background and colour of hamburger.

Cheers

Pete


Custom styling for navbar sub menu items