An off-canvas menu for Elementor: a navigation panel that slides in from any edge, with a hamburger toggle you style.
Menus or content panels slide in from any side of the screen, offering a clean and immersive navigation experience.
Choose the direction from which your off-canvas panel appears, giving flexibility for unique layouts and interactive designs.
Adjust colors, typography, spacing, and hover effects to match your website’s branding effortlessly.
Open the off-canvas panel with buttons, icons, or links, giving full control over how users access content.
Panels work seamlessly across desktops, tablets, and mobile devices, maintaining smooth sliding animations and usability.
Straight answers about what this one does, where it fits in a real build, and what it costs you to ship.
Read the documentation for this one, or write to us — a human answers inside a business day.
Yes. The Off-Canvas Menu widget in Sky Addons for Elementor renders a hamburger toggle wherever you place it and slides a full navigation panel in over the page. It builds from a WordPress menu, so the links stay editable under Appearance → Menus while the panel styling lives in Elementor.
All four — left, right, top or bottom. The Width setting applies to the left and right positions and defaults to 280px; the Height setting applies to top and bottom and defaults to auto, so a top drawer sizes itself to the links it actually holds.
Yes. Multi Menu turns the panel into stacked sections, each pulling a different WordPress menu and each with its own heading that can be shown or hidden. It is the practical way to group Shop, Company and Support links without merging them into one unwieldy menu.
Four ways, chosen with the Level Open Effect setting: Overlap slides the child level over its parent, Expand pushes it open in place, and the remaining two leave levels permanently visible. Level Spacing runs 0–100px and defaults to 40, setting either the overlap offset or the indent.
Yes. The Custom Toggle field accepts a CSS selector or element ID, so an icon already sitting in your header opens the panel and the widget’s own toggle is dropped. Leave the field empty and Sky Addons renders a hamburger you can align and style per breakpoint.
No. It ships in Sky Addons and runs on free Elementor. Because it draws from a WordPress menu rather than a Theme Builder location, it also works on any theme — you do not need a header template to give a site a mobile drawer.
Three ways, two of them enabled by default: clicking any link closes the panel, the Escape key closes it, and a close control sits inside the panel itself. Both automatic behaviours are switches, which matters when the drawer doubles as a filter list people work through.
Yes — a Backdrop Blur slider runs from 0 to 50px and applies behind the panel, while the overlay covering the rest of the page has its own colour or gradient. A translucent panel background with a modest blur is what gives the drawer depth without hiding the page underneath.
Yes. A bottom bar carrying social links is on by default and takes as many rows as you need, each with an Elementor icon and a URL, styled in its own section. One switch removes the bar entirely when the panel should be navigation and nothing else.
No — the Off-Canvas Menu renders a WordPress menu, at whatever depth that menu goes. If you want items typed inside Elementor, with per-item icons or a mega panel, use the Nav Menu widget in Sky Addons instead; this one trades that for menus you edit once and reuse everywhere.
