Skip to content
Header Options Header Bottom Header Collapse Menu Header Responsive Collapse Menu Header Compact Header Dark Header Elements Header Full Width Header Nav Full Height Header Nav Left Header Navbar Below Header Off Canvas Header Overlay Menu Header Responsive Overlay Menu Header Primary Header Translucent Header Translucent Dark Header Translucent Primary Header Transparent Header Transparent Dark Header Transparent Primary

Collapse Main Menu Hide your main menu in a collapible wrapper.

To add a persistent collapse main menu regardless of the screenwidth simply set/remove the following classes on the following elements:

  • 1 .navbar-toggler : remove any .d-none classes so it shows at all screenwidths.
  • 2 Also ensure .navbar-toggler has the following attributes set: data-toggle="collapse" & data-target=".header-navbar-after" .
  • 3 Within the .header add a wrapper with the "target" class set above and add your menu content within that div: <div class="header-navbar-after bg-primary collapse">Menu content here.....</div> .

Awesome Features

99.9% Uptime Free Upgrades Fully Responsive Bug Free

Get AppStrap
Theme Colours
Green Red Blue Purple Pink Orange Lime Blue-dark Red-dark Brown Cyan-dark Yellow Slate Olive Teal Green-bright

Cookies are NOT enabled so colour selection is not persistent.

Back to main homepage

Back to intro page