I am trying to have a scrolling nav bar that will fix to the top of the page. My navbar is currently nested in my hero image. Visually, I do not want the nav bar to be distinct and separate from the hero image but to blend in with the hero image. However, this seems to cause a conflict when trying to keep it fixed.
How can I get the nav bar to be fixed while keeping it part of the hero image?
So far, I've taken the following steps to solve this issue with no resolve:
- Selected Nav bar
- Under settings, adjusted position to "fixed," then "top"
- Adjusted Z index to a higher number (9999)
- Raised hero margin
Here is my public share link: