Nav Menu with Off Canvas

How can I use the new Off Canvas element with the simple Nav Menu? (in place of the standard mobile menu)

I’m wanting to have more control and a more customised mobile menu.

Is there a tutorial already existing showing how to do this?

Off Canvas menu tutorial starts at 26:02

Thanks Patric. I couldn’t see how to use it with the existing Nav Menu … but I’ll have another look.

I managed to get something vaguely working using the Toggle element only visible at tablet portrait, and hiding the desktop Nav Menu at tablet portrait. However when the second (vertical) Nav Menu is inserted into the Off Canvas element, none of the links work. In addition, I don’t know how to stop the submenu items being indented.
https://dev.mt24hosting.uk/tmw/local-classes/