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

Design help Animations & Interactions
1

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: https://dnalepa.webflow.io/

Here is my public share link:

https://preview.webflow.com/preview/dnalepa?utm_medium=preview_link&utm_source=dashboard&utm_content=dnalepa&preview=0f3941dc964bfa8c80043ee0b5b7fffa&workflow=preview