Dictionary entry

off-canvas navigation

View related-term graph Use in a brief

Was this helpful?

UI / UXCurated · verified

A menu that stays hidden just off the edge of the screen and slides into view when tapped, a common way to fit navigation on small phone screens.

Synonyms

off-canvas menu
slide-out menu
drawer navigation

In plain words

the menu that slides in from the side on mobile

Usage example

On phones the links collapsed into off-canvas navigation triggered by the hamburger icon.

Don't confuse with…

hamburger menuThe hamburger menu is the three-line button; off-canvas navigation is the sliding panel of links it reveals.

Categories

Responsive & adaptive design

Related-term graph

Two hops from off-canvas navigation — click a term to open its entry, or re-center the graph on it

Focus term

off-canvas navigation

Directly related

Two hops away

Relatedoff-canvas navigation related of breakpoint
Relatedoff-canvas navigation related of hamburger menu
Relatedoff-canvas navigation related of mobile-first design
Relatedoff-canvas navigation related of responsive web design
Relatedresponsive web design related of adaptive design
Relatedresponsive web design related of breakpoint
Relatedmobile-first design related of breakpoint
Relatedhamburger menu related of drawer
Relatedresponsive web design related of fluid grid
Relatedbreakpoint related of fluid grid
Relatedmobile-first design related of graceful degradation
Relatedhamburger menu related of kebab menu
Relatedresponsive web design related of media query
Relatedbreakpoint related of media query
Relatedresponsive web design related of mobile-first design
Relatedhamburger menu related of navigation bar
Relatedmobile-first design related of progressive enhancement
Relatedbreakpoint related of responsive web design
Relatedmobile-first design related of responsive web design
Relatedbreakpoint related of viewport

Back to dictionary

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.