Streaming live at 10am (PST)

NavBar while animating changes colour only in half on mobile, why?

Hi guys,

I have this customized navbar on the HOMEPAGE where when you scroll to other section the colour changes on the desktop and I want the same on the mobile.
The problem is that on mobile it changes only in a half, so the logo changes colour but not the hamburger, even though I have applied the same animation to it.

Does anyone know where I made a mistake?

Thank you for your help!

MY website:

Here is my public share link: