Great looking and user-friendly navigation is one of the most important aspects to get right in web design. Web designers have invented many different ideas to help users find what they are looking as efficiently as possible. Still the most used approach is one or two drop down menus placed at the top of the page. However, one of the recent and really cool trends is to make the navigation menus visible at all time by either using a floating menu or navigation that have a fixed location. It works really well for website with long pages as it makes the navigation visible for visitors even when they have scrolled a long way on a page.
Implementing a floating menu typically require some kind of JavaScript. Most of the cool navigation scripts have been implemented as jQuery menu plugins and often they are quick and easy to implement. I have previously collected some of the best jQuery plugins for creating dynamic menus and I am sure you will find the article useful. For WordPress the best option is to use WordPress menu plugins, as it is possible to use them without diving into the theme code. Check this article, if you want to enhance your WordPress website navigation.
In this article I have collected more than 45 of the coolest websites with floating and fixed position navigation for your inspiration. Please take a minute to share the article on social medias with people you know.
Creative full stop – MORE INFO
Creative Full Stop use a simple navigation fixed to the top of the page. The navigation bar is transparent and let you see the page through it as it is scrolled down. This is a cool design idea.
Jacksonville Art Walk – MORE INFO
Has a very arty design with an image as background and navigations are fixed on the top.
Fat-Man Collective – MORE INFO
Fat Man Collective uses navigation when you hover, it displays images.
Theme Crunch – MORE INFO
Theme Crunch has simple yet elegant design, having fixed positions of their navigation.
Design Bureau – MORE INFO
B14 has very simple black and white design with navigation menus on the right top corner, which is easy to see.
jQuery4U – MORE INFO
Founded in November 2010, jQuery4u delivers web news, coding tips, plugins, code snippets, video tutorials and other content related to JavaScript, jQuery and web design/development to web enthusiasts around the globe.
Face – MORE INFO
Face is an intelligence-driven supermodernist design studio, based in Monterrey, Mexico whose work range includes design solutions, advertising, editorial projects and custom publishing, corporate identity, web design and brand development.
Ryan Scherf – MORE INFO
This site has very colorful design, you have to scroll down to see more of it’s content.
Hard Graft – MORE INFO
Dedicated to designing an original, clever, functional product that surprises and excites with a subtle elegance and high aesthetic.
MMD – MORE INFO
Works on creating and crafting digital experiences, services and utilities for major brands.
Coffee Bicycles – MORE INFO
Inside the Hub has slideshow images as background and menus are very easy to navigate.
Who’s Eligible – MORE INFO
Who’s Eligible has very good design, simple yet very classy.
Reserved – MORE INFO
Has very sophisticated design, navigations are well positioned at the top of the site.
Resoluut – MORE INFO
They make apps and websites. They try to do it on the basis of strategic insight, intuition and creative freedom. Ultimately, we want to entice users to the appropriate action.
Happy Cog – MORE INFO
Designing digital experiences ever since the web existed. And that entire time we’ve stayed ahead of the curve.
UnderCurrent – MORE INFO
Undercurrent is a digital strategy firm, very simple web design and navigations turns red when hover.
Struck – MORE INFO
Has a great web design, with slideshow images to their homepage.
G’Nosh – MORE INFO
G’nosh has cute design and menu when hovered pops up another cute design.
The Style Junkies – MORE INFO
The Style Junkies is an independent luxury travel website. Has large navigation menu at the left part of the site.
Character – MORE INFO
Character is a San Francisco-based, independent creative agency with a passion for launching, rejuvenating and propelling brands.
Mustache – MORE INFO
Mustache has evolved into an agency with great professionalism and high skills in analysis, strategy, idea and concept of design and technical implementation.
Julius Mattson – MORE INFO
Has simple one-colored background and navigations are positioned at the left.
Kitchen Sink Studios – MORE INFO
KITCHEN SINK STUDIOS® INCORPORATED is a creative and design consultancy based in Phoenix, Arizona.
Milk and Pixels – MORE INFO
Collective of like-minded creators who love clean, well-designed, and easy-to-use products.
Fundutia Comunitara – MORE INFO
Managing professional and transparent donations received from folks, make sure the donor objectives, providing concrete opportunities for community members to attend the best ideas to catalyze and support quality programs.
Fandango Media Group – MORE INFO
Innovative design and development studio devoted to creating emotional experiences between brands and customers.
Boost Inspiration – MORE INFO
Boost Inspiration is a blog that boost your inspiration by showcasing different creative resources for Digital Art, Graphic Design, Illustration, Photography and Typography.
Ok Studios – MORE INFO
Ok Studios has great white background design, navigations are on the top of the site.
TouchTech – MORE INFO
Very nice design and navigation menu are well positioned at the top of the site, when hovered it turns into green.
Graz Secrets – MORE INFO
Great design and navigations are at the top that turns to red when hovered.
Majkol’s Playground – MORE INFO
Very cool design with images showing on the home page as slideshow.
Hopgoods FoodLiner – MORE INFO
Hopgood’s Foodliner is a Maritime inspired restaurant located in the heart of Roncesvalles Village, Toronto.
Lucid Design Concepts – MORE INFO
Lucid Design Concepts is a small web design studio based out of Orange County, CA. Specializes in custom web, print, & apparel design.
Girl With a Camera – MORE INFO
A blog that features great photography and arts.
Gilles Manzato – MORE INFO
Code websites using an Apple MacBook Pro, SublimeText2, GitHub and Photoshop.
Psych and Psych – MORE INFO
At Psych & Psych Consultants are dedicated to provide comprehensive, private, and personalised services for your mental health and psychological care needs.
Rob Edwards – MORE INFO
Rob Edwards has a very cool design, once the page is scrolled down, it then changes to the next navigation menu.
DKNG Studios – MORE INFO
DKNG is a full service graphic design and illustration studio catering primarily to the entertainment industry.
Ascension Latorre – MORE INFO
Has a very classy and elegant style, navigations are fixed at the top of the site.
Carbure – MORE INFO
Has simple design with navigations at the bottom of the site.
Sputnik – MORE INFO
The studio provides a range of capabilities within the space of design, development, content strategy, and brand managment.