Streaming live at 10am (PST)

Having trouble in setting a fixed NavBar


#1

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.


#2

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


#3

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


#4

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.


#5

thanks

select navbar, click on position:fixed and it's fixed...


#6

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


#7

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.


#8

Oh yeah!
Thank you so much Vincent!


#9