how do I keep a nav bar at the top of the page?

Question

I'm trying to make my nav bar stay at the top of the page like on forbes.com

I know I could do

nav
{
   position: fixed;
   top: 0;
}

but the nav bar isn't at the top of the page, it comes after the logo... When you scroll down however, I want the nav bar to stick to the top of the screen..

This is my site

Answer 1

the solution is easy, keep your css while adding px

nav
{
   position: fixed;
   top: 0px;
}