Nested Nav

Nested navigation / sub directory structure

The open class is required on the main-nav-links--nested and aria-haspopup="true" to expand the nested ul and indicate the parent

    
    
<li class="main-nav-links__item">
  <a
    href="#"
    class="main-nav-links__link open"
    aria-haspopup="true"
  >
    <i class="material-icons">settings</i>
    <span>Nested Nav</span>
  </a>
  <ul class="main-nav-links--nested open">
    <li class="main-nav-links__item selected"
    >
      <a href="/#" class="main-nav-links__link">
        <span>Nested Page Title</span>
      </a>
    </li>
  </ul>
</li>