<header class="nav-bar"> <span class="nav-bars"></span> <section class="nav"> <span class="nav-close"></span> <div class="nav-scroller"> <a class="selected" href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> </section> <h1>Example Site</h1> </header>
The collapsed navigation bar has a scroller inside, so you can add as many links as you want!
Having a title and an
<img> in the nav-bar is optional, but the extra elements must be after the
You can also add the
fixed class to the
nav-bar header to have the header stay on top of the page. If you have a fixed nav-bar, then you can remove the
You can also indent links by adding an
indent-NUM class with the number being between 1 and 5.