July 14, 2024

21 Examples of Fixed Position Menus in Web Design

A fixed position menu is that one that is fixed relative to the browser window, not only to the page, which means that if you scroll up and down the fixed menu will remain in the same position – so the user can quickly access the navigation no matter where they are in the site. For today’s post, we gathered some very good examples of websites using fixed menus. In these sites, you’ll see a variety of ways you can use fixed positioned menus – in the header, the sidebar, and even in the footer.


Beautiful and clean fixed top right header menu.

Fixed Position Menus

hard graft

Hard Graft is using two fixed position menus, one at the top right corner and the other on the left. The only thing moving are the items you can buy.

Fixed Position Menus

Happy Cog

After you scroll down Happy Cog’s page the menu gets fixed and will stay there for good.

Fixed Position Menus
Fixed Position Menus


Here they are using a clean fixed header menu.

Fixed Position Menus


An elegant and beautiful design using a fixed header menu.

Fixed Position Menus

Face. Works.

Nice and simple header fixed menu.

Fixed Position Menus


Another example of a menu that gets fixed after you scroll down the main illustrated header.

Fixed Position Menus


Here big typography and hand draw elements contrast with a small bright fixed header menu.

Fixed Position Menus


Another example of a clean layout, this time using a fixed menu on the right side bar.

Fixed Position Menus


Undercurrent is also using a fixed header menu.

Fixed Position Menus


Here the background image moves while header and footer are fixed and offer you the options you need to navigate.

Fixed Position Menus

James Anderson

Another good example of header fixed menu.

Fixed Position Menus

OK Studios

While the elements move around the page using parallax scrolling, the fixed header menu stays still all the time.

Fixed Position Menus

Psych & Psych

Here they are using a fixed menu with a bit of transparency.

Fixed Position Menus


Another example of a simple and clean header menu.

Fixed Position Menus


And once again we have an example of fixed header menu.

Fixed Position Menus

Girl with a Camera

A delicate design that counts with a small fixed side bar menu.

Fixed Position Menus


Void is using a fixed footer menu to help you navigate their page.

Fixed Position Menus


Mustache keeps all their menus fixed on the left time.

Fixed Position Menus

Fundatia Comunitara

Here you will find parallax scrolling and a fixed menu using transparency.

Fixed Position Menus

CSS Design Awards
The Best Designs


Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr


  1. aledesign.it Reply

    I like so much the fixed menu. Is a good way for make a good site. For the eyes have a fixed point by the menu is important. Is my preferite solution. Site “b14” and “Character” are my preferite

Leave a Reply

Your email address will not be published. Required fields are marked *