Header

Top bar/header component used for site navigation and branding. Use .ms-topbar, .ms-logo, .ms-topbar__nav and .ms-topbar__toggle for responsive behavior.

Default topbar

HTML
<header class="ms-topbar">
  <div class="ms-logo"><a class="u-link" href="/">McGowanStyle</a></div>
  <nav class="ms-topbar__nav"><a href="#">Home</a><a href="#">Components</a></nav>
  <button class="ms-topbar__toggle" data-ms-toggle="drawer"><span class="material-icons">menu</span></button>
</header>
<