Loading...

Page with Two Sidebar header small text goes here...

Installation Settings

Add the .app-with-two-sidebar, .app-sidebar-end-toggled css class to .app container for two sidebar page setting. Besides that, you might need to add the mobile and desktop toggler for right sidebar.

<div id="app" class="app app-with-two-sidebar app-sidebar-end-toggled">
  <div id="header" class="app-header">
    <div class="navbar-header">
      <!-- BEGIN mobile-toggler -->
      <button type="button" class="navbar-mobile-toggler" data-toogle="app-sidebar-end-mobile">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <!-- END mobile-toggler -->
      
      <a href="index.html" class="navbar-brand">
        ...
      </a>
      ...
    </div>
    
    <div class="navbar-nav">
      ...
      <!-- BEGIN desktop-toggler -->
      <div class="navbar-divider d-none d-md-block"></div>
      <div class="navbar-item d-none d-md-block">
        <a href="javascript:;" data-toggle="app-sidebar-end" class="navbar-link fs-14px">
          <i class="fa fa-th"></i>
        </a>
      </div>
      <!-- END desktop-toggler -->
    </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