103 of 300

Navigation 103

Mobile drill-down menu

The menu fills the screen, and each level comes in from the right. The rows are 48 px high, and Back stands at the top of each level.

Known from nearly every site on a phone

  • When it fitsAlways on narrow screens. Every other type takes this form below a breakpoint.
  • PitfallsSmall touch targets, no way back, and a page behind that still scrolls.
  • How to make it betterTouch targets of at least 48 px, lock scrolling on the page behind, and show the previous level during the change.