Navigation

Menu has unlimited subcategories.

You can create the menu with adding the class .menu to ul.
Default position is menu a left. But you change position for center position add the class .centered, for right position add the class .right. If you choose right position the subcategories chooses auto position to the left side.
IF want to add the icon add the class of icons to the a..
If you want uppercase letters add the class .uppercase to the ul.
If you want compact menu add the class .compact to menu. For example:

HTML Example

<ul class="menu centered uppercase">
  <li><a href="#" class="icon-lab">  ... </a></li>
  <li class="sub"><a href="#">  ...  </a>
    <ul>
      <li><a href="#">  ... </a></li>
    </ul> 
  </li>
  <li class="active"><a href="#">  ... </a></li>
</ul>

Responsive menu.

For responsive menu add to .menu only the class .responsive
And also add the element .compact-menu-icon to page, for hide and show menu For example:

<a class="compact-menu-icon hide tablet-show"> <figure></figure> </a> 
<ul class="menu responsive">
  <li><a href="#" class="icon-lab">  ... </a></li>
  <li class="sub"><a href="#">  ...  </a>
    <ul>
      <li><a href="#">  ... </a></li>
    </ul> 
  </li>
  <li class="active"><a href="#">  ... </a></li>
</ul>