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

Installation Settings

Add the .app-with-top-menu, .app-sidebar-fixed css class to .app container for mixed page setting. You might need to add app-top-menu and app-sidebar elements into the page as well.

<div id="app" class="app app-sidebar-fixed app-with-top-menu">
  <div class="app-header">
    <a href="index.html" class="navbar-brand">...</a>
    
    <button type="button" class="navbar-mobile-toggler" data-bs-toggle="collapse" data-bs-target="#top-navbar">
      <span class="fa-stack fa-lg text-inverse">
        <i class="far fa-square fa-stack-2x"></i>
        <i class="fa fa-cog fa-stack-1x mt-1px"></i>
      </span>
    </button>
    
    <button type="button" class="navbar-mobile-toggler" data-toggle="app-sidebar-mobile">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
  </div>
  </div>
          
  <div class="app-top-menu">
    ...
  </div>
  
  <div class="app-sidebar">
    ...
  </div>
  <div class="app-sidebar-bg"></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