Off-canvas menu

The Off-Canvas menu for the free version of Elementor is a new component that will allow you to create unlimited content blocks that you will display in a panel.
Add hidden content that will be displayed by swiping over your content.
Multiple sources like contact form, Elementor templates, Menus or WordPress Widgets.
Opening of the panel by triggering a button or free text that you can style.
Watch this tutorial to discover the implementation and the available features

Table of Contents

Unlimited Panels from any side

You can define an unlimited number of panels, their positions and activate or not an overlay which will close the panel with a mouse click or touch event.
Different content like free text, display of a menu, saved Elementor templates, Shortcode and several widgets

Trigger a Panel from button or text

As you can see the right button is sticky. He opens a panel with a contact form inside

Set the size for each Panel

You can set the size of each panel, add a background image and define a blend mode

Custom Styles for each one

Include any custom menu (Appearance > Menus) within the Panel. Display the number of level you want to show and styling the background color and elements

Customize trigger button

You can customize the trigger button by styling the color, background color, different shapes and add a pictogram to the left / right of the button text

Responsive design support

The off-canvas content designed with off-canvas component will look great on all devices.
The content within the panel is builded from an Elementor template block

Bottom panel