Layouts & Structure

Mobile Navigation

Mobile navigation is the compact navigation pattern used on small screens.

Also called Mobile navPhone navigationMobile menuMenu on phones

Visual Example

Plain Definition

Mobile navigation keeps important destinations reachable when horizontal space is limited.

You Might Describe This As...

  • "Mobile menu"
  • "Menu on phones"

Fast lookup

You May Also Mean

Mobile navigation is a navigation pattern; responsive layout is the broader page behavior across screen sizes.

Responsive Layout

Check the name, visual cue, and typical use.

What It Is Used For

  • Collapsing top navigation
  • Showing app sections on small screens
  • Keeping primary actions reachable on mobile

Example User Phrasing

  • "Add mobile navigation for small screens."
  • "Collapse the header links into a mobile menu."