Skip to content

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
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