Hi,
is there a way to change the colour of the hamburger icon?
thanks
PJ
Hamburger menu
2 Likes
+1
Changing color in appearance menu doesn’t do anything.
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;
}
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
3 Likes