I've been working on a site for a client and I've run into a problem. They wanted to keep a header on every page and I've used Symbols to make that happen. After further review, they decided that they wanted the menu links to jump down to the content past the header but they wanted hero to stay on the page.
The obvious dilemma is that you can't see a menu on load now and the menu we used didn't look good as a sticky nav so I needed a second navigation bar.
I added it and used interactions to make it appear once you scrolled out of the header and into the page content section.
The problem is that if my menu links are /page#content then the interaction doesn't work. I tried reversing it and using the page section to define when the menu appears. The problem is on a larger monitor it's going to automatically appear. Anyone have any ideas?
Can I create a pause on page load and then let it scroll to the section so it will load? Any help would be GREATLY appreciated!!
Thanks. Below is my public share link.