Design Trend: Sticky Headers and Navigation Menus

Today we’ll take a look at a trend that you have probably noticed, websites using sticky or fixed position headers. When a visitors scrolls down the header will remain in view at the top of the browser rather than moving out of view at the top of the screen. The sticky header can help to make it easier for visitors to navigate through a site as they can quickly access the navigation menu rather than having to scroll back to the top of the page.

Here we will showcase 25 different websites that are making use of sticky headers. The screenshots show the headers as they appear after scrolling down. Visit any of the example sites to see them in action.

Pixel2HTML

Pixel2HTML

Kerem Suer

Kerem Suer

Tweed Barbers

Tweed Barbers

Sweez

Sweez

Loft City Church

Loft City Church

Carrera

Carrera

Nosh

Nosh

Jumpbox Design

Jumpbox Design

With

With

I Shot Him

I Shot Him

Seed Spot

Seed Spot

Grain and Mortar

Grain and Mortar

Manos

Manos

Daniel Filler

Daniel Filler

Heathlife

Heathlife

Nic Brunson

Nic Brunson

Norther Pixels

Norther Pixels

Switch

Switch

Milk & Pixels

Milk & Pixels

Teamgeek

Teamgeek

Grooveshark

Grooveshark

Tony Headrick

Tony Headrick

Studio NEC

Studio NEC

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.