Nav bar gets hidden behind hero image

Hi (again), I am using Pro and am trying to build a header, when I begin to scroll down the top nav bar seems to be hidden behind the hero image and then only becomes visible again once the hero image has been scrolled past. I am looking for settings to fix this but cannot find any relevant settings.
If it helps I will leave my log in details in a secure note so that you can see for your self.
Thanks

Hi There @danbentonsmith

Thanks for writing in! We have released another update (Pro 2.3.2) to fix some bug fixes. Could you also please update to the latest version, then purge your cache and test.

If you’re still having issues after update, let us know.

Thanks!

Hello @danbentonsmith,

Thanks for asking. :slight_smile:

To fix the problem of navbar hiding behind the hero image, you need to alter the values of the z-index property.

  • Change the value of the bar that’s holding the navigation to 999999. Here’s a screencast.

  • Change the value of the bar that’s holding hero image to 10.

Changing the z-index values should fix the issue of nav bar hiding behind hero image.

To learn more about z-index property, please take a look at following resource:

https://medium.freecodecamp.org/z-index-explained-how-to-stack-elements-using-css-7c5aa0f179b3
https://developer.mozilla.org/en-US/docs/Web/CSS/z-index

Thank.

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