I wanted to create an animation which, when user scrolls 50% above the page, the hamburger menu(that 3 bars) will change it’s bg color to WHITE, but when user scrolls 50% below the page, the hamburger menu will change it’s bg color to BLACK.
Currently, by default, i set the hamburger menu color to WHITE, and i applied combo class to 1 & 2 bars, so, the problem now is, when the menu is at 50% below the page, 1 & 2 bars is BLACK(which is good) but the 3rd bar is still in WHITE. And my question is, how to make the 3 bar to become BLACK? I’m pretty sure that it’s caused by the combo class but i just don’t know how to fix it.
Here is my public share link: [LINK]