Global - Navigation

File: index.html
<!-- example of navigation with brand-logo -->
<header class="main-nav with-brand-logo">
  <a href="index.html" class="brand-logo">
    <img src="img/brand-logo.png">
  </a>

  <ul>
    ...
  </ul>

  ...
</header>

<!-- example of navigation without brand-logo -->
<header class="main-nav">
  <ul>
    ...
  </ul>

  ...
</header>
File: index.html
<!-- example with navigation is sticky after scrolling beyond hero-section -->
<!-- (works only if the first panel is either "Hero" or "Hero Slider") -->
<article class="page-default page-outer-wrap header-sticky-on-scroll">

<!-- example with navigation is sticky all the time -->
<article class="page-default page-outer-wrap">