Help: Marrying scroll and trigger interactions for the perfect secondary fixed nav

I’m trying to pull off a secondary fixed nav that has two triggers:

Trigger 1: Page Interaction
When scrolling up the fixed nav is shown and when scrolling down it is hidden again

Trigger 2: Element Interaction
To hide it whenever the top hero-section comes into view (with a slight offset)

Problem is… the second trigger seems to be ignored and I can’t for the life of me work it out. Is it just because the page interaction is overriding the element interaction? If so, is there any way I can fix that? If not, I welcome suggestions on how to get this working.


Here is my public share link: Check it out

Anyone? Could really use some help.