Magazine for designers and web developers
01 Collect

40 Websites with Fixed Navigation

Article by Awwwards in Web Design -
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!
  • Multimedios

    Multimedios

  • Damon Birrell

    Damon Birrell

  • Routalempi

    Routalempi

  • Launch/Co

    Launch/Co

  • Yoke

    Yoke

  • Acumend Fund

    Acumend Fund

  • Studio Nudge

    Studio Nudge

  • Lounge

    Lounge

  • SOASdesign | Portfolio of Manya Kuzemchenko

    SOASdesign | Portfolio of Manya Kuzemchenko

  • Carter

    Carter

  • Holcomb Guitars

    Holcomb Guitars

  • 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

    Netontwerp

  • 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

  • StruckAxiom

    StruckAxiom

  • IGN Entertainment

    IGN Entertainment

  • Rich Brown

    Rich Brown

  • Full Stop

    Full Stop

  • Teehan+Laz

    Teehan+Laz

  • Imaginista

    Imaginista

  • SLV-Rent

    SLV-Rent

  • Marge Bakery

    Marge Bakery