Hiding Menu Button on Scroll Up

I have a hamburger button that I have animate in on page scroll. It has some offset so that the hamburger button scrolls in once the main nav is out of view. I set another interaction to hide the hamburger button once the main nav i scrolled into view. For some reason that interaction wont hide the hamburger button.

A little more background - I can get this working if I set both the hide and reveal interactions triggers to be when the main menu is scrolled in and out of view. The only reason I don’t want to build it like that is if in the off chance the user reloads the page when they are scrolled halfway down the menu button would disappear and they could get it back unless they scrolled all the way back up and then back down to trigger the animation.

Here is my public share link: Link
(how to access public share link)