â–Ľ
Streaming live at 10am (PST)

Having trouble in setting a fixed NavBar

Want to have a fixed Navbar so that on scrolling, users are still able to see the Menu.
Tried the fixed position and Z-index. Not working at all.

Can you please share your project’s public link so it’s easier to understand your issue?

Learn how to do it here: http://help.webflow.com/sharing-your-public-webflow-site-link

Did you watch the tutorial video for this? http://tutorials.webflow.com/fixed-navbar

Hey guys!

Here is the link to my website:
https://preview.webflow.com/preview/mann-kaur?preview=c03f325cdea7801d34cb58aea20ce310

And yes I have watched through tutorial video and also other forum support…tried them…still not working.

thanks

select navbar, click on position:fixed and it’s fixed…

Thanks for the prompt reply Vincent.

I tried setting the position to Fixed for the NavBar. It then spans out throughout the page.
https://preview.webflow.com/preview/mann-kaur?preview=c03f325cdea7801d34cb58aea20ce310

Yep, you gave your navbar element a height of 100 PERCENT, I guess instead of 100 pixels, right?

So do it again, double click your navbar symbol until the navbar element is selected, start by changing the 100% in 100px and then position:fixed.

2 Likes

Oh yeah!
Thank you so much Vincent!

1 Like