Hidden Menu Web Design

The rise of the hidden menu in web design

What are the benefits?

By Emma Sherry


As one of the big web trends for 2015, the hidden menu was one of the key trends that we were very excited to use in our new Chorus website.

With the rise of mobile usage, the hidden menu is extremely popular and is something we are all very familiar with from using mobile apps. We decided to keep the traditional ‘hamburger’ style menu button as it is instantly recognisable and allows users to quickly interact with it for better user experience (UX).


Why use a hidden menu?

Declutter your website

By hiding navigation off-screen it allows maximum use of space, keeping websites clean and decluttered while still fully functional. As we provide such a wide range of services, which we plan to keep growing, our menu was getting longer and longer until it didn’t make sense to have a horizontal menu. By moving to a hidden menu, all this information doesn’t clutter the screen but users can still access it and we can also present it vertically – making it easy to add to.


Use when needed

We strongly believe that websites are built for the users. By hiding the menu, users will only have to see it when they want to interact with it. As user behaviour is evolving, users want to be able to find information on their terms and when they want to – by hiding the menu they have the choice for when they want to use it.


All about responsive design

Today, everything is about responsive design as users access more and more information via their mobile devices. On a mobile screen space is even more important, so by hiding the menu you get to play with a lot more screen area.


Always there

By keeping the hidden menu along the side, users can access the menu no matter where they are on a page – still at the top? Scrolled to the bottom? It doesn’t matter and you can easily go back into the menu without having to find it.



We’ve customised our hidden menu, so that it incorporates CTA’s (calls to actions) within the menu bar. No matter what page a user is on and no matter where they are on that page, they can access: the menu, search, all contact information and also have a handy button to jump to the top of the page if needed.


Who’s using it?

There are a number of desktop websites using this feature, such as The Guardian, Marketing Week, Twitter and even Google but most mobile websites and apps use this feature. You will have interacted with a hidden menu if you use apps such as Gmail, Twitter and Facebook.


There are some great examples of hidden menus around the web, for a few more have a look at Econsultancy, CreativeBloq and Web Design Ledger.

Send a message