Hamburger menu

I Need Help
1

Hi,

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

thanks

PJ

2 Likes
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

3 Likes
5

I’m using 3.5 and i cannot see those subclasses

6

There were big changes between Bootstrap 3 and 4…

7

hi! I don’'t want to change the background of the hamburger menu when you click on it… I want to change the hamburger menu color itself… any ideas?

thanks!

8

Hi …

you can try this:

tom