25 Mega Menus for Your Design Inspiration

Navigation is a critical element to any website. Mega menus are a current trend that take drop down menus a step further in attempt to make it easier for visitors to navigate through a large site.

In this post we’ll showcase 25 examples of mega menus in use. For more, see this post from our archives: 25 Examples of Mega Menus in Web Design.

Converse

Converse

Nine Fashion

Nine Fashion

Callaway

Callaway

Toys R Us

Toys R Us

Estee Lauder

Estee Lauder

Columbia Sportswear

Columbia Sportswear

Portero Luxury

Portero Luxury

The White House

The White House

Pure Grips

Pure Grips

Staples

Staples

American Eagle Outfitters

American Eagle Outfitters

DC Shoes

DC Shoes

Duchy of Cornwall Nursery

Duchy of Cornwall Nursery

Lowe’s

Lowe's

Seattle Sounders

Seattle Sounders

TheOutNet.com

TheOutNet.com

Puma

Puma

Zumiez

Zumiez

Sunglass Hut

Sunglass Hut

Sears

Sears

Bonfire Snowboarding

Bonfire Snowboarding

Lipsy

Lipsy

Republic

Republic

Matalan

Matalan

The Archer Group

The Archer Group

Tutorials:

if you’re interested in learning how to create a mega menu. these two tutorials can help.

How to Make a Mega Drop Down Menu

How to Make a Mega Drop Down Menu

Mega Drop Down Menus with CSS & jQuery

Mega Drop Down Menus with CSS & jQuery

For more design inspiration please see:

0 shares
Stephen Snell is the owner and editor of Vandelay Design. Connect with Stephen on google+
  1. March 3, 2010

    Hi, any idea, what scripts do they use ?
    I have used Sohtanaka , but need a change now. Cant use it always for all the projects. So, any idea , what those other websites use ?

  2. March 3, 2010

    Amazing share.. I gotta try so much from this list..
    You saved me a lot of time.. Looks amazing Portero Luxury to me

  3. March 3, 2010

    Soam,
    You could check the source code of those sites to see what you find, but I would think most of them are using a custom script.

  4. March 3, 2010

    These are great menu examples, but quite honestly they do little to inspire (personally speaking). My advice, if you really want to get inspired to design a new menu system -or anything else for that matter, try some of these great techniques:

    http://zenhabits.net/2010/03/little-inspiration-guide/

    Work with inspired people – one of the best ways to stay inspired is to work with creative, energetic, positive people.

    Read daily – varied things, from blogs to magazines to books of all kinds.
    Get outside – nature is one of the biggest inspirations, and you’ll miss it if you’re inside all day.

    Talk with new people – they’ll always expose you to new and interesting things, if you’re open to it.

    Break out of your routine – see things from a different perspective. Take a new route home. Go to a new restaurant. Visit someplace new in your area.

    Find time for silence – it’s more inspiring than you might think. Unfortunately, not enough of us do it.

    Exercise – or at least get moving. It helps the blood to circulate, and gets ideas moving around. My most inspired thoughts come during runs.

  5. March 3, 2010

    Great samples guys…I am always looking for sites to send to new clients so they can see different menu styles and find something they like. This will help!

  6. March 3, 2010

    wrong url in the introduction?

  7. March 3, 2010

    Snapey,
    Oops! Thanks for pointing that out, it’s fixed now.

  8. March 3, 2010

    You should include http://www.thefwa.com in this round-up as well, they recently launched an outstanding revamp of their site that makes good use of a large menu @ the top to navigate through all of their content.

  9. March 3, 2010

    Incredibly amazing menus here! I found a really great menu the other day on Mashable, they have some great navigation and for their style of blog it fits perfectly.

  10. March 3, 2010

    These are some great examples and a good catch on a new trend.

    I looked at the code on a couple of sites and they are pure CSS. Gotta figure out how they do it, they look great!

  11. March 3, 2010

    Thanks for the resources. A lot of nice designs out there.

    We recently redesigned our navigation and thought I would contribute to these comments and resources:

    http://www.indystar.com/colts

    Feel free to let us know what you think.

  12. kyle
    March 3, 2010

    IGN.com also uses mega-dropdowns to good effect.

  13. March 3, 2010

    Xcellent Inspiring collections…

    Thanks for sharing this one great resources with us…

  14. March 4, 2010

    Great post thanks – I always struggle with navigation designs 🙂

  15. March 4, 2010

    Converse has a very fancy menu. I wonder what jquery plugins they use. Is there a jquery additional I can use for my own projects without stealing :)?

    Regards

  16. March 4, 2010

    Rich menus are a trend now. And i think it’s a good one.
    Offering visitors a detailed menu with a lot of hints can dramatically reduce search.

    Thanks for collecting and sharing.

  17. March 4, 2010

    Very inspirational post. All my menus seem to look the same and I could use some fresh ideas. It’s great that you also included some tutorials to help us create them. Thanks for sharing.

  18. March 6, 2010

    very inspirational list.
    thank you.

  19. March 8, 2010

    Great list of menus, I think I like Converse

    Thanks for sharing

  20. April 21, 2010

    Thanks for including us (The Archer Group) in your list.

  21. May 25, 2010

    Nice tips 🙂 Thanks

  22. August 8, 2010

    I wll probably start with a Comfortable chair and a plant. Thanks for sharing.

  23. August 20, 2010

    thanks you

  24. August 24, 2010

    Great set of menus thanks so much for the inspiration

  25. October 18, 2010

    My favorite example is by Estee Lauder.

  26. December 8, 2010

    It is a great article.

  27. January 22, 2011

    Great samples guys…I am always looking for sites to send to new clients so they can see different menu styles and find something they like. This will help!

  28. February 11, 2011

    Truly inspiring menu designs
    would be very useful in web designing by designers
    thankyou for sharing

  29. Sergio J
    March 28, 2011

    >Hi, any idea, what scripts do they use ?
    Check http://css3menu.com/

  30. May 6, 2011

    i will share it with my friends.

  31. May 7, 2011

    longbefore i see so many comments

  32. May 16, 2011

    I have bookmarked this website Thanks For sharing the menu’s.It’ very usefull

  33. June 10, 2011

    Nice stuff:)
    I’ve also just created mega menu using drupal, can be view here http://www.victheme.com/demo_product/16
    Any review or comments are welcome, thx.

  34. I love to read this type of stuff. Good and attractive information I take from it..Thank you for posting such a nice article.

  35. June 17, 2011

    chanel hangbags

  36. June 17, 2011

    Welcome to our website:http://www.hatscapsland.com/,we supply cheap hats, we believe that to bring you a lot of surprises.All our products are free shipping,non-tax,7days to your home,incredible discounted price for top quality products.

  37. July 8, 2011

    I’ve enjoyed your article. Some really good new knowledge for me.

  38. July 9, 2011

    Great post.Your blog is really excellent. Finally we kissed and the passion scale went sky high and I knew I was onto a good thing

  39. July 21, 2011

    Sometimes maybe you can experience it yourself!You can comment,to write something dow.It is always good for you !

  40. July 24, 2011

    Really nice.It is best for seo work.cary on

  41. July 24, 2011

    wow

  42. July 31, 2011

    i think Your weblog is truly excellent. sooner or afterwards we kissed along using the eagerness scale went sky huge and I knew i experienced been onto a great thing

Leave a Reply

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

Free HTML/CSS Template for Download