A scaled back, mobile-responsive header you can integrate in under 30 seconds. use .header-sticky for a sticky header.

Shortcut: z-header-1

Adding Sub-Navigation/Megamenu

To include subnavigation and/or megamenu, copy the code example below instead and include the js/modules/navigation.js file in your build, or right above the closing body tag.

Optional: To include the previous/next links (as shown below), uncomment out the function at the end of the navigation.js file.

This script allows you to build your navigation once and have it reproduced across all pages.

Shortcut: z-header-2

The Zen Test

Every component, section, and utility we ship will pass layout, color, and functional tests to ensure they perform flawlessly in today's modern browsers.

So you can be assured it "just works". Try it out below.