Hamburger Icon Color

Hi Shawn-

The colors of the hamburger menu are generated using the color palette you choose in Customize > Colors, but if you need more control, you can also use Custom CSS.

Navigate to Customize > Advanced > Custom JS & CSS and use code similar to this.

For the button color and background:

.palette-primary .navbar-default .navbar-toggle, .palette-primary .navbar-default .navbar-toggle:hover, .palette-primary .navbar-default .navbar-toggle:focus {background-color: orange !important;
border-color: orange !important; }

Just replace “orange” with the color or hexcode you need. And for the bars, use code similar to this:

.palette-primary .navbar-default .navbar-toggle .icon-bar, .palette-primary .navbar-default .navbar-toggle:hover .icon-bar, .palette-primary .navbar-default .navbar-toggle:focus .icon-bar { background-color: black !important; }

In this one, replace “black” with your color. I hope this helps!