Navbar issue on page refresh

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!

https://preview.webflow.com/preview/hcwtbeta?preview=b4373f3e320d6bbe129ca34cd98c66a0


Here is my public share link: https://preview.webflow.com/preview/hcwtbeta?preview=b4373f3e320d6bbe129ca34cd98c66a0
(how to access public share link)

Hmmm…I guess it’s pretty quiet around here on a weekend…I am not sure if I should post this as a bug or not…

Same problem here. Jumps to the page and section I desire, but my “show on scroll” nav does not appear.

I think maybe I will have to add an interaction on my close button that tells the nav to appear…I’ll try that and let you know if it works.

UPDATE: well I can’t seem to get it to work. There has to be a solve…anyone?

@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:

https://cl.ly/0e2V1s2b3910/Screen%20Recording%202017-03-14%20at%2009.17%20AM.mov

1 Like

Oh yeah…moving the hero spot above the Nav is a good suggestion! Thanks!

Did this work for you? Just curious before I start tearing mine apart.

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.

Yep. This worked fine to solve this problem. Thanks for the info.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.