Magazine for designers and web developers
1 Collect me

40 Websites with Fixed Navigation

Article by Awwwards Team in Web Design - October 18

Navigation is key to guide the readers through the content of a website and help them find what they're looking for. An effective and useful navigation must be accesible, clear and intuitive. For long websites with a lot of content like blogs, a fixed or sticky navigation system can be the best option. Fixed elements in a website are positioned relatively to the browser window instead of the page itself. When users scroll down in a website with fixed elements, those elements stay in their place while the rest of the content moves. Fixed navigation doesn't force the viewer to scroll back up when they want to navigate the rest of the site. However, a designer must take into account that a fixed navigation menu will take a permanent place in the screen, leaving less space for other content. In this post we've compiled 40 creative and beautiful examples of websites with fixed navigation. Enjoy them!

  • Der zuberclown charly

    Der zuberclown charly

  • Multimedios


  • Damon Birrell

    Damon Birrell

  • Routalempi


  • Launch/Co


  • Yoke


  • Laurent Vigneron Webdesign

    Laurent Vigneron Webdesign

  • Acumend Fund

    Acumend Fund

  • Studio Nudge

    Studio Nudge

  • Lounge


  • SOASdesign | Portfolio of Manya Kuzemchenko

    SOASdesign | Portfolio of Manya Kuzemchenko

  • Academy


  • Carter


  • Holcomb Guitars

    Holcomb Guitars

  • Marlon Messam

    Marlon Messam

  • Raise the roof productions

    Raise the roof productions

  • Rob Edwards

    Rob Edwards

  • Big eye creative - Orlando Marketing Agency

    Big eye creative - Orlando Marketing Agency

  • Kisko Labs

    Kisko Labs

  • Freckles & Handsome are getting married

    Freckles & Handsome are getting married

  • Go Media Inc.

    Go Media Inc.

  • Yes, I said yes

    Yes, I said yes

  • Black Estate Vineyard

    Black Estate Vineyard

  • Netontwerp


  • Mind Work 3D

    Mind Work 3D

  • Fat-Man Collective

    Fat-Man Collective

  • Matthew Carleton

    Matthew Carleton

  • Ryan Scherf

    Ryan Scherf

  • Massive Digital Creative Agency

    Massive Digital Creative Agency

  • Bullet PR

    Bullet PR

  • Web Species

    Web Species

  • StruckAxiom


  • Marussia Virgin Racing

    Marussia Virgin Racing

  • IGN Entertainment

    IGN Entertainment

  • Rich Brown

    Rich Brown

  • Full Stop

    Full Stop

  • Teehan+Laz


  • Imaginista


  • SLV-Rent


  • Marge Bakery

    Marge Bakery