Page with Two Sidebar header small text goes here...
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>