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 Primary Header Translucent Header Translucent Dark Header Translucent Primary Header Transparent Header Transparent Dark Header Transparent Primary

Dark Header

To invert the header into a dark style simply set/remove the following classes on the following elements:

  • 1 body : add the class .header-dark .
  • 2 .navbar-main : add .navbar-inverse class so the menu elements contract is altered to suite a dark background.
  • 3 alter the button styling for your search and mobile toggle buttons in the header so they stand out. For example adding the class .btn-primary .

Awesome Features

99.9% Uptime / Free Upgrades / Fully Responsive / Bug Free
Get AppStrap Today
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