burger menu on different color

[H1-StudioOffice]

So, I was able to change the burger menu color in one page -bio page, that has a grey color background-, with this code in the mobile CSS

.slug-bio .burger span, .burger span:after, .burger span:before {
    background: white;
}

All good. The issue is that in the homepage where the burger should look black, this happens:

Only 1 line from the burger appears. I can't find how to fix it. If I use the above code for the homepage as well, then the white menu gets broken. Anyone knows how to do it?

Thanks in advance,
Cheers

[zochovsky]

Do you use the new burger with two horizontal lines instead of three?

[H1-StudioOffice]

@zochovsky No. The 3 line burger.

[arminunruh]

do this

.slug-bio .burger-default span,
.slug-bio .burger-default span:before,
.slug-bio .burger-default span:after{
background: white;
}

[H1-StudioOffice]

@arminunruh said in burger menu on different color:

.slug-bio .burger-default span,
.slug-bio .burger-default span:before,
.slug-bio .burger-default span:after{
background: white;
}

That worked! Thanks man.