35 Website Layouts using Fixed Header Bars

Users often feel quite divisive on the subject of sliding navbars. It has also become a sizable topic of debate amongst designers. Yet it seems that aside from ongoing quarrels the fixed heading navbar is here to stay. It’s an easy technique to recreate and it can be designed in such a wide array of distinct styles.

The following showcase includes 35 brilliant examples of fixed sliding header bars. Some designs are fixed from the very top of the page while others slowly fade into a sliding display. The unique qualities of this trend make it worthy of consideration for any topbar navigation. If you know any other websites we missed feel free to share in the comments area below.

Mint Design Company

mint design company handdrawn graphics

 

Stereo Creative

stereo creative fullscreen website

Underbelly

underbelly creative agency website layout

Pushh

pushh app website landing page

Raise the Roof

raise the roof website layout design

Graz Secrets

graz secrets iphone app landing page design

Editd

editd scrolling navigation bar header ui

Grovemade

grovemade website wooden products fixed nav

Drew Wilson

drew wilson personal portfolio website layout

Kitchen Sink Studios

kitchen sink studios website inc layout

Krista Ganelon

krista ganelon visual designer portfolio

Userbrain

userbrain website creative agency inspiration

Marlon Messam

marlon messam web designer ui layout

Rule of Three

rule of three copywriters design agency homepage

Jaquet Droz

jaquet droz dark scrolling header navigation

Ditto

ditto designer glasses website layout navigation

Rodolphe Celestin

rodolphe celestin graphic design homepage

Inspiration Dormant

dark webstie layout inspiration dormant design

Campbell Creek Mini Storage

campbell creek mini storage website layout

Electro Chuck

electro chuck iphone app game landing page

Bigeye

bigeye advertising creative agency website

Under Armour

under armour website english layout

Ibsens Fabrikker

ibsens fabrikker clean fixed scrolling navigation

Touchtech

touchtech green simple layout design

Dazed Magazine

dazed and confused magazine website layout

Make Better Apps

make better apps homepage layout design

Hatbox

dark hatbox website creative agency layout

Handiemail

handiemail homepage navigation scrolling bar

Stinkdigital

stink digital website dark inspiration layout

Re/code

recode red technology news layout inspiration

Solid Soup

solid soup creative studio agency

Overlapps

overlapps red homepage layout design inspiration

Polygon

polygon fixed header navigation design

Framer.js

framer open source javascript library website

Yummygum

yummygum website layout inspiration design homepage