I created a “while scrolling” effect to my tablet/mobile menu. At the start, the navbar background is transparent, hamburger menu is white and company logo is white. After scrolling 5%, the navbar background turns white, hamburger menu turns navy blue and logo turns black/navy blue.
All works fine until the hamburger menu is opened somewhere below that change/trigger point. For example, If a user scrolls down 5% and then opens the tablet/mobile menu the above “while scrolling” interactions take place - the problem is the open menu background is navy blue so you lose sight of the navy blue hamburger menu and the black/navy blue logo.