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