Fading mega menus

27th Sep 2016
Fading mega menus

Mega menus have been around for a while now - but it's still nice to see one that's been given a little TLC!

The new Stripe navigation almost swings into view when you first mouse over an element in the main navigation, with each drop down then fading into the next as you move your mouse along the menu. I can't do this justice in a quick gif so you'll have to visit, but the gif below does at least show you how they've laid things out in each element.

With a grey shaded area at the bottom of each drop down, they can separate out and draw attention to any key links or messages with nice little SVG icons for each main link.

Stripe navigation

A downside we've discovered is that the navigation doesn't seem to work if we disable JavaScript... the drop downs don't appear but more importantly the main items aren't clickable either. Yes, the majority of the world don't disable JavaScript but sometimes it can fail to load so we do tend to like naviagtion working without JS.

Leave a Comment

Submitting this form will create you an account on this site for submitting comments, raising disputes and other features as we add them. If you've already got an account you will receive an email asking you to confirm this comment is really by you!

Know a great web designer, developer or marketer?

Tell them to apply to join The Web Guild - it’s free for anyone who gets a company profile approved before the end of March! Read our How it Works page or sign up here!

<< Back to news