Modern Examples of the Classic Sidebar Menu Layout

Home » Articles » Modern Examples of the Classic Sidebar Menu Layout

Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more

The sidebar menu seems to be coming back into fashion once again after it was left behind for horizontal navigation bars. The sidebar menu was most common back in the early days of web design, but these days we’re starting to see designers ditch the horizontal nav bar in favour of the vertical list once again. Nowadays though these menus are built with large icons or clever animation effects that allow them to slide in and out of view. Today’s web design showcase features 20 sites that all feature modern examples of the classic sidebar menu layout.

Mammoth Media

Mammoth MediaPin

Wallmob

WallmobPin

Electrik Company

Electrik CompanyPin

Hyperakt

HyperaktPin

FLIPP

FLIPPPin

Q Ideas

Q IdeasPin

The Conference by Media Evolution 2014

The Conference by Media Evolution 2014Pin

PUSH Collective

PUSH CollectivePin

ZINDHAI

ZINDHAIPin

Georgina Bousia

Georgina BousiaPin

Gareth Emery

Gareth EmeryPin

Dash Light

Dash lightPin

Broken Twill

Broken TwillPin

Kick Point

Kick PointPin

Eat Drink Inc.

Eat Drink Inc.Pin

PFD

PFDPin

2Creative

2CreativePin

Design Council

Design CouncilPin

13 thoughts on “Modern Examples of the Classic Sidebar Menu Layout”

  1. Great article and great examples. Over the years I’ve come to lament the dull boring sameness of top navigation and to me the look of the Left navigation is just more natural, as in English speaking countries we learn to read and scan Left to Right. It just looks great.

    Reply
    • Beautiful examples and just the thing I’m searching for, but now in real life …. does anyone know where to find a responsive vertical menu to download?
      I’m not a code writer, but can adjust css.
      Really searching the web for days, a lot of menus but nothing like the above ideas.

      Reply
  2. The screenshots you have on this page provide a nice impression of the designs used on each site. To fully appreciate their beauty, you really have to take the time to click through to each one and spend a little while there.

    Great list, thanks for sharing.

    Reply
  3. Nice, though I’d like to see an article on how to handle / or examples on how to handle clients who insist on lots of sidebar advertising. How to prevent that kind of advertising from distracting the user.

    Thanks

    Reply
  4. Love the side navigation on full width sites and so much better usability on mobile devices. Thanks for sharing! Are there any tutorials that you suggest for creating this menu?

    Reply

Leave a Comment

Please Share