Basic Navigation Menu Sample


Basic Navigation Menu Sample


This is a sample of a basic navigation menu that removes the content and container margins, which enables full access to the entire page, in order to bring the menu to the top.

To make the navigation menu sticky, or scroll with you, just add to the CSS: position: fixed, otherwise delete it to keep it up top.

You can also add a background color by adding to the CSS: color: #000;.

Code:
CSS:
.container { margin: 0; }
.content { padding: 0; }
.headline { display: none; }
.menublock {
display: inline;
padding: 5px;
position:fixed;
margin-top: -25px;
background: #000;
}

To fix the body margins, just add a new div class: .bodycontent { margin: 20px; } and wrap it around the content.