Bei einer Offcanvas-Navigation ist das Menü zunächst außerhalb des sichtbaren Bildschirms (rechts oder links) positioniert und wird erst per Button-Klick in den sichtbaren Bereich "hineingeschoben".

Bootstrap Media-Breakpoint wann die Navbar einklappen, und das Mobile-Menü erscheinen soll:

  • Small  -  navbar-expand-sm  Darstellung auf kleinen Geräten
  • Medium  -  navbar-expand-md  Darstellung auf mittleren Geräten
  • Large  -  navbar-expand-lg  Darstellung auf großen Geräten
  • Extra large  -  navbar-expand-xl  Darstellung auf extra großen Geräten >1200px

  • Extra extra large  -  navbar-expand-xxl  Darstellung auf extra großen Geräten >1400px

    Never expand  -   navbar-expand-no  Wird immer angezeigt

 

Für das Beispiel auf dieser Seite, das immer über alle Breakpoints hinweg minimiert ist, habe ich "Never expand" ausgewählt.

Backend Modul
Settings im Backend Modul

Die selben Settings als Konstanten für die Seite mit der id=151

[traverse(page, "uid") == 151]
bootstrap.config.navbarOffcanvas = 1
bootstrap.config.navbarBreakpoint = no
bootstrap.config.navbarToggler = right
[END]