Boxed Layout with Mixed Menu header small text goes here...
Add the .boxed-layout css class to body tag for boxed layout page setting.
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.
<body class="boxed-layout">
<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-dark">
<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>
</div>