Use layout classes on #header (.header-center, .header-narrow, .header-floating-bar, …)
and nav skins on .navbar (.menu-icon, .menu-pills, …).
Sticky / transparency demos:
Menu Desktop.
Floating inset home bar:
Inset Header.
Structure variants for the site header.
Navbar skins and icon / arrow helpers.
Sticky effects (static, shrink, scroll-up, reveal) and color / transparent styles are documented on Menu Desktop.