Top position with fixed navbar.

Download on GitHub

Currently: v3.2.2

Markup

<body class="drawer drawer--top drawer--navbarTopGutter">
  <header class="drawer-navbar drawer-navbar--fixed" role="banner">
    <div class="drawer-container">
      <div class="drawer-navbar-header">
        <a class="drawer-brand" href="#">Drawer</a>
        <button type="button" class="drawer-toggle drawer-hamburger">
          <span class="sr-only">toggle navigation</span>
          <span class="drawer-hamburger-icon"></span>
        </button>
      </div>
      <nav class="drawer-nav" role="navigation">
        <ul class="drawer-menu ">
          <li><a class="drawer-menu-item" href="#">Nav1</a></li>
          <li><a class="drawer-menu-item" href="#">Nav2</a></li>
        </ul>
      </nav>
    </div>
  </header>
  <main role="main">
    <!-- Page content -->
  </main>
</body>

Fixed navbar position modifier [ top | left | right ]

<body class="drawer  drawer--top  drawer--navbarTopGutter">
  <header class="drawer-navbar drawer-navbar--fixed" role="banner">...</header>
</body>
<body class="drawer  drawer--left  drawer--navbarTopGutter">
  <header class="drawer-navbar drawer-navbar--fixed" role="banner">...</header>
</body>
<body class="drawer  drawer--right  drawer--navbarTopGutter">
  <header class="drawer-navbar drawer-navbar--fixed" role="banner">...</header>
</body>

.drawer-menu position modifier [ right ]

<ul class="drawer-menu  drawer-menu--right">...</ul>

More example on GitHub Repo