Fixing Nav Bar To Top Of Page

I'm in the process of redesigning a website and I've created a nav bar in CSS3. I would like to permanently fix that bar to the top of the page so that when scrolling it would alwa

Solution 1:

anything you want to stay on the page as you scroll should be position:fixed

if you want it to stay at the top give it top:0;left:0

demo

Solution 2:

For fixing the Nav bar include this:

nav
{
     Position:fixed;
}

To make links to Bold, try these property values:

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

Solution 3:

You just need to use position:fixed and left:0px; top:0px to place at top left of screen

see fiddle: http://jsfiddle.net/Jammycoder/LhjL5s4r/