251 / 627

Cascading dropdown

Submenus that open to the side. The submenu overlaps the edge of its parent by 2 px, and menu aim makes it reachable on a diagonal.

  • When it fitsRarely on a marketing site. Deep hierarchies where an extra level cannot be avoided.
  • PitfallsHard to hit on a diagonal, and each level hides content behind one more hover.
  • How to make it betterUse menu aim, and set the submenu with 2 px of overlap on the edge of the parent, so there is no gap.
Shelf
Navigation and menus
Group
Navigation 102 of 116
Theme
Light and dark
Live pointer
8 steps, until you take over