Basic Navigation Menu Sample

Why give out your phone number to anyone when you can give out your virtual number to everyone! Try Call Me Private today!


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:
<div class=\"menublock\"><a href=\"#\">Link 1</a> | <a href=\"#\">Link 2</a> | <a href=\"#\">Link 3</a> | <a href=\"#\">Link 4</a> | <a href=\"#\">Link 5</a></div>
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.