How to change the Hamburger Color in Birdseye theme?

[Collin_S]

I am currently working on a site using the Birdseye theme. I changed the transparent nav bar to a white background to match it when you scroll. The problem is the hamburger doesn't show up until you scroll down. I know it's there, it's just white because I was able to put a black bg behind it before but couldn't change the color of the hamburger itself. 

Any idea on how to make the hamburger black like it turns when you scroll on the first nav bar?

 

[Bernadette3]

Hi @Collin_S That would probably require some kind of css tweak. Can you post a link to the live site? It helps with figuring out the code that needs to be used. Thanks! 

[Collin_S]

Unfortunately, it is still in preview mode. I hope that's ok!

http://preview.rytechllc.com/6kfigc.e5734d2513ee72628d785b435b022509

thanks! 

[Collin_S · Accepted solution]

After some playing around I was able to get it. I believe this is what fixed it. I had to go into _responsive.less and down to this section and add the bold text in. Not sure how it works but it works for me!

/* Mobile Menu */

label.hamburger {
position: absolute;
color: #000000;
top: -5px;
right: -10px;
width: 30px;
height: 30px;
padding: 10px;
cursor: pointer;
.transition(all 300ms ease-in-out);

span,
span:before,
span:after {
position: relative;
display: block;
width: 22px;
height: 2px;
background: #000000;
content: '';
.transition(all 200ms ease-in-out);
}

[Adam7]

Thanks for sharing, @Collin_S! Yes, those changes would change the color of the hamburger menu icon.