Eine Menüleiste, die beim Aufrufen der Webseite zunächst ausgeblendet ist und sich erst nach dem Anklicken des Menüsymbols einblendet, wird als Off-Canvas-Navigation bezeichnet.
Dies eignet sich insbesondere im responsiven Webdesign, bei dem das Seitendesign auf unterschiedlichen Endgeräte aufgerufen wird und für verschiedene Bildschirmgrößen gleichermaßen ansprechend gestaltet sein muss. Statt Inhalte auf schmaleren Bildschirme (bspw. von Smartphones) untereinander anzuordnen, werden sie beim Off-Canvas-Layout ausgeblendet und lassen sich durch Anklicken gut platzierter Symbole schnell einblenden. Durch eine Off-Canvas-Navigation rücken die Inhalte der Website in den Vordergrund und lassen sich dennoch einfach navigieren.
