Hamburger Menu Color Change?

The hamburger menu on my Kona theme is black and I would like to change it to white. I cannot find the code to edit in the css style sheet. Any ideas? Here is the development link http://wmm.bef.myftpupload.com/

Hi, do you mean top main manu dropdown menu font color?

hi there:

You need find css or copy/paste to css is background: #000; change to background: #FFF;

.menu-toggle span.hamburger, .menu-toggle span.hamburger::after, .menu-toggle span.hamburger::before {
content: "";
display: block;
width: 100%;
height: 1.5px;
background: #FFF;
position: absolute;
top: 50%;
margin-top: -1px;
right: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), margin 0.3s ease 0.3s, transform 0.3s ease, background 0.25s ease 0.15s;
-moz-transition: all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), margin 0.3s ease 0.3s, transform 0.3s ease, background 0.25s ease 0.15s;
-o-transition: all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), margin 0.3s ease 0.3s, transform 0.3s ease, background 0.25s ease 0.15s;
transition: all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), margin 0.3s ease 0.3s, transform 0.3s ease, background 0.25s ease 0.15s;
-webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
-moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
-o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);

}

I hope it help you regards.

JeriTeam.

This worked perfect for the hamburger menu, thank you! Would you by chance know how to reduce the font on the sub-menu only? Not the main navigation menu… I want the Services menu font to be smaller so the page titles don’t break down a line. They are long page names.