From the very first tap, the off-canvas mobile menu slides in smoothly from the side of the screen, giving visitors a clean, distraction-free way to navigate your entire site. Built into Canvas, this pattern keeps your primary content front and center while tucking the full navigation neatly out of view until it is needed. Every link, sub-menu and call-to-action stays fully accessible on small screens, with large touch targets and fluid animations that feel native on any device. You can configure the menu position, width, overlay and transition speed without writing a single line of custom code, then style it to match your brand in minutes. The result is an intuitive browsing experience that scales gracefully from the smallest phone to the widest desktop display, helping your audience find exactly what they came looking for.
A great mobile menu should never get in the way. Canvas keeps navigation one tap away, slides it in elegantly, and lets your content stay the star of the show on every screen size.
Setting up the off-canvas menu is refreshingly simple. Drop in the markup, choose which side the panel slides from, and let Canvas handle the rest. Smooth animations, a subtle background overlay and an automatic close on outside tap come ready out of the box, so your visitors enjoy a polished, app-like navigation experience without any extra configuration or custom scripting on your part at all.
Because the panel is fully responsive, it adapts to phones, tablets and large displays alike. Nested sub-menus expand on demand, icons help guide the eye, and generous spacing keeps every link easy to reach with a thumb. You can adjust the width, colors and transition speed to suit your design, then trust the menu to behave consistently across modern browsers and devices, every single time.

