How to make the navbar fixed/sticky?

Master99

I've tried adding this into my custom CSS. It works, but the navbar gets all scrunched up to the left.

.navbar { position:fixed; }

How can I get the navbar to always stay at the top of the page whilst retaining it's full width?

vrijvlinder

Look at this page and then study the css using a web inspector then copy it over to your theme with the correct classes to work with your theme.

http://blog.vanillaforums.com

Master99

Did some more playing around and adding "width:100%" fixed it

It still blocks out the directory bar though...

Master99

*It is still blocking out the "Breadcrumbs" element I should say. Can't figure out how to fix it, tried this with no luck:
.Breadcrumbs { top:500px; }

vrijvlinder

Please !! Have you even bothered to look at the resources we have given you ?

http://www.w3schools.com/css/css_positioning.asp

You have not provided a link so all we can do is guess... Not sure what you expect but you are not helping yourself or us to help you...

Master99

I have looked at all the info provided, which I greatly appreciate. My last post was only about the Breadcrumbs being blocked, which none of the links had any information on. I have gotten everything working now, and I thank you for your help. I will remember to provide a link in the future.