Navigation

A single navigation element is used for both desktop and mobile views.

Main Nav

Use .sidebar for a fixed sidebar nav on desktop in conjuction with with either .mobile-fixed-bottom for an iOS fixed footer nav or .mobile-slideout for a sliding sidebar nav on mobile.

You should also apply .with-sidebar and .with-bottom-nav to the main element to create room for the nav.

Breadcrumb Nav

<nav class="breadcrumb">
  <a href="products.html">Products</a>
  <a href="software.html">Software</a>
  <a href="saas.html">SaaS</a>
</nav>