Menu with more

‹ Back

A menu that fits responsively and moves any over-flowing links in to a "more" menu.

The library used is called Priority Navigation and has it's own documentation and settings.

Resize your window to see the "more" menu pop in as required.

<div class="navigation">
  <div class="layout--container">
    <nav class="menu-more">
      <ul>
        <li><a href="#">Link one</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>
        <li><a href="#">Link five</a></li>
        <li><a href="#">Link six</a></li>
        <li><a href="#">Link seven</a></li>
      </ul>
    </nav>
  </div>
</div>