Hello,
I am getting ready to push my site live, but i have one issue yet to solve. On my sub / interior pages, I have a “X” / close button, that when clicked takes the user back to a specific section of the homepage (via anchor link ID). This work great, except for the homepage nav. The navbar on the homepage is fixed to the top and becomes visible once the user has scrolled out of the “hero” section.
The problem happen when a user closes the subpage and is taking back to the specific section on the homepage, the navbar is not visible and does not work unless the page is scrolled all the way to the top and then scrolled past the hero section.
Only the Merck Case study is linked corrected for this demo. If you click the Merck case study and then close that page, you should see that the nav does not appear. Is there anyway to fix this? Any help would greatly be appreciated!
@kbowman this is actually expected behavior since you have a Scroll interaction setup that when you scroll out of the Hero section, the navbar slides down.
Another approach you could take instead of the interaction is to give your Hero section on your home page a special class and style with a higher z-index than your navbar.
Remove the interaction where you have the navbar move down when scrolling out of the hero section as well as the Navbar initial position on page load style.
Then you’ll get this effect instead and the navbar will show up when you scroll down out of the hero section regardless of how you get there:
Unfortunately I haven’t had the chance to try it. I had to launch my site on Monday, so I just used a normal navbar for the time being. I am fairly sure the solution will work though.
