Fixed position doesn't work!

[CapHenry]

Problem
I used position:fixed on my nav bar but it doesn’t work
Here’s my pen: https://codepen.io/CaptainHenry/pen/MWmgYxV
Thanks!

[tlc35us]

You have a stray backslash in your css. Remove that and add more content and you’ll see that it works.

[CapHenry]

Thanks but now I got another problem with the content. It got the nav bar cover some first line!
Pen: https://codepen.io/CaptainHenry/pen/MWmgYxV?editors=1100
Thanks alot!

[tlc35us]

By positioning the header you removed it from the document flow. Now you need to create a space equal to the height of the header to push down your content.

[CapHenry]

Thanks for replying! And I try make a div wrap the header and put it to relative but it doesn’t work.

[tlc35us]

Try a div with height and width between the header and the content or top margin on the next element after the header.

[CapHenry]

Thanks it works great!