Loading

Sticky

Sticky navigation makes it easy to affix menus to the top of the page whenever a user scrolls the page down. This could be very helpful and useful on long pages. Sticky is disabled on mobile devices to avoid unwanted content overlaps and to preserve valuable screen real estate

Demo

Scroll down to fix the navigation.

<div class="is-navbar" data-component="sticky">
  <div class="is-brand">
 <b class="is-logo"><a href="">
   <img src="/assets/images/ic_emblem.png" alt="Brand" width="100">
 </a></b>
  </div>
 <nav>
   <ul>
      <li><a href="#">Shop</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Blog</a></li>
   </ul>
 </nav>
</div>