Im working on a site for a client that has a menu/nav functionality based on this sites nav; https://haveninc.com/
I have gotten the correct functionality working on the privacy page here (see footer for Privacy Page link). I have 2 nav elements, a stationary menu which sits in an absolute position on the page. A scrolling nav which sits hidden and is revealed and hidden by an animation triggered by an element scroll into/scroll out of view. This works fine for this page. Ideally these menus should be symbols but unfortunately interactions aren’t yet available for symbols so now my menus have to be separate unlinked elements.
While this works perfectly on the pricy page i have tried to implement on other pages eg the Security page (see footer for Security page link) but for what ever reason i cant reuse the interaction, even though its referencing the same element.
Any ideas on how to get interactions working on multiple pages??
Here is my public share link: https://preview.webflow.com/preview/gobookings-0290c6?preview=b467cc985ee8f6ce29384d79963df591