Page with Top Menu header small text goes here...

Installation Settings

Add the .app-with-top-menu css class to .app container for top menu page setting. Besides that you might also need to add the top menu element to the page as well.

<div id="app" class="app app-with-top-menu">
  <div id="header" class="app-header">
    <div class="navbar-header">
      <a href="index.html" class="navbar-brand">...</a>
      <button type="button" class="navbar-mobile-toggler" data-toggle="app-top-menu-mobile">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    ...
  </div>
  
  <div id="top-menu" class="app-top-menu">
    <div class="menu">
      <div class="menu-item has-sub">
        <a href="" class="menu-link">
          <div class="menu-icon">
            <i class="fa fa-align-left"></i>
          </div>
          <div class="menu-text">Menu Level</div>
          <div class="menu-caret"></div>
        </a>
        <div class="menu-submenu">
          <div class="menu-item">
            <a href="" class="menu-link">
              <div class="menu-text">Menu 1.1</div>
              <div class="menu-caret"></div>
            </a>
          </div>
          ...
        </div>
      </div>
      ...
      <div class="menu-item menu-control menu-control-start">
        <a href="javascript:;" class="menu-link" data-toggle="app-top-menu-prev"><i class="fa fa-angle-left"></i></a>
      </div>
      <div class="menu-item menu-control menu-control-end">
        <a href="javascript:;" class="menu-link" data-toggle="app-top-menu-next"><i class="fa fa-angle-right"></i></a>
      </div>
    </div>
  </div>
</div>
App Settings
Header Fixed
Header Inverse
Sidebar Fixed
Sidebar Grid
Gradient Enabled
Admin Design (5)
Language Version (7)
Frontend Design (5)
Documentation Reset Local Storage