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.
- 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.
- Shelf
- Navigation and menus
- Group
- Navigation 103 of 116
- Theme
- Light and dark
- Live pointer
- 8 steps, until you take over