102 of 300

Navigation 102

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.

Known from classic web shops

  • 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.