Off Canvas Main Menu Hide your main menu off screen.
To add a persistent off canvas main menu regardless of the screenwidth simply set/remove the following classes on the following elements:
.navbar-toggler: remove any
.d-noneclasses so it shows at all screenwidths. Also ensure it has the
.d-noneclass so the main menu is hidden all screenwidths. The menu plugin will show it as needed.
.navbar-nav: remove any
.float-*-*classes so it does not float at all.
The menu plugin copy the menu markup/HTML into a new off canvas menu which is hidden by default.
Menu Direction: To make the menu slide in from the left add
Menu Target: To target a different menu other than
data-target="TARGET_CLASS_OR_ID"to point at the target menu. You would need to hide the target menu manually.