Off Canvas Widget For Elementor
Off-Canvas widget or fly-out content panel is a sleek style for showcasing content on WordPress websites these days. You can create a fly-out content panel easily using the Off Canvas Widget of PowerPack Addons for Elementor.
Create Off-Canvas Widget Panel For Your Content
The Off-Canvas widget provides you an option to add unlimited content blocks using Elementor repeater elements. Each block can contain a combination of title, text, video, images or you can even use a shortcode. Want to display a map in the off-canvas panel? That’s possible as well.
Frequently Asked Questions
The oil filter cleans dirt and particles from
the oil that may cause damage.
Get Creative With Content Templates
Want to get even more creative? You can create a section or template with Elementor and load it in the Off-Canvas widget panel. This can be used to create complex content panels where you need complete control over every element’s styling and layout.
You can display contact forms, testimonials, social icons, showcase reviews, promotional banners, etc.
You can contact with Us
[email protected]
1-800-123-4567
108 Thomaston Road, Preston
CT 06316, Delware
Stunning Off-Canvas Menus With Off-Canvas Widget
Another great use case of saved content templates is to create a stunning off-canvas menu in Elementor. You can set it to display only on mobile devices or all devices, however, you like it. Off-canvas menus can be good for a minimal design or for providing a better experience on mobile devices.
Display Flyouts From Any Side Of The Page
PowerPack Addons Off-Canvas widget lets you designate the side where the panel should appear. The flyout panels can be placed on all four sides of
the browser window: Left, Right, Top, or Bottom. You can display
off-canvas content from any side, depending on the page design.
1-800-1234-5678
Elementor Off-Canvas Widget Features
Typography & Styling Options
Responsive Designs
Elementor off-canvas widget is built with a responsive design approach. So, you can create a seamless experience for all kinds of device sizes.
Content Display & Positioning
Complete control over the positioning of the content. Designate the position of the off-canvas panel depending on the page’s existing design and layout.
Promotional & Sale Banner In Stylish Flyout
Running an exciting offer on your products? Get more eye on your special offer by displaying them in stylish fly-out panels.
Trigger Off-Canvas Widget From Any Element
You can display a button or icon to trigger/open the off-canvas panel widget. If you want to use any other element or Elementor widget on the page then you can do that as well with Custom Class and ID trigger options. PowerPack Off-Canvas widget is built with great flexibility and a developer-oriented approach.
Button
Trigger Off-Canvas panel with button toggle option.
Icon
Trigger Off-Canvas panel with icon toggle option.
Code
Trigger Off-Canvas panel with code using custom id or class toggle option.
Off-Canvas Flyout Directions & Animations
The off-Canvas widget panel comes with multiple direction and animation options.
So, you can create creative and engaging off-canvas panels on your site.
Slide
Reveal
Push
Slide Along
Looking For Some Ideas To Use Elementor Off-Canvas Widget?
Now that we know what all functionality off-Canvas widget offers, here are some examples
that you can use as inspiration for your next Elementor website.
Reach Us
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
CONTACT
[email protected]
1-800-123-4567
ADDRESS
108 Thomaston Road, Preston
CT 06316, Delware
We’d love to hear from you!
CHICAGO
LOS ANGLES
FRANCE
HEAD OFFICE
108 Thomaston Road, Preston
CT 06316, Delware
The best delicious food in the town
Food quality is the quality characteristics of food that is acceptable to consumers. This includes external factors as appearance (size, shape, colour, gloss, and consistency) texture
Read your favorite e-books
How To Make WordPress Plugins
Join 150,000+ follow readers. Get free and discounted bestsellers straight to your inbox with the ManyBooks e-Book deals newsletter.
Signup for FREE Download E-Book
Get started for free.
No Spam or affiliate links.
Frequently Asked Questions
Here are answers to some common questions for the off-canvas widget.
If you have any more questions, please feel free to contact us.
Can I Create a Full-width or Full-screen Content Panel?
Yes, you can. Off-canvas panel’s content width can be set either in pixels or percentage. You can also change this width based on the device size. So, for e.g. on desktop you can have a 450px wide panel and on mobile the same panel can be changed to 100% width. It’s easy!
Can I add Custom Content to Off-canvas widget?
Yes, you can. Off-canvas widget uses Elementor Repeater fields. So, you can add as many content blocks as you want. It is easy to use and style.
Can I Display Images and Videos?
Yes, you can display images and videos in the off-canvas widget.
Can I show Dynamic Content like Recent Posts?
Off-canvas widget offers an option to display “Saved Templates”. So, yes, you can use this feature to display dynamic content like recent posts. Create a saved section for Recent posts and display it inside the off-canvas widget.
Is Off-canvas Widget Responsive?
Yes, off-canvas widget is completely mobile responsive.
Can I use Background Image for Off-canvas Panel?
Yes, you can. Off-canvas widget has option for background color, gradient, and image.
Can I Change Toggle Button Syle?
Yes, you can change and customize the button style with available options.
Is it Possible to Enable Off-Canvas Panel from any Element?
Yes, off-canvas widget can be enabled or triggered from any element. You can check our documentation for step-by-step guide.
Do you have any Documentation for the Widget?
Yes, we provide extensive documentation for all the widgets. Click here for documentation for off-canvas widget.
Do you have any Video Guide?Accordion Title
Yes, we have added the Video Guide in the first section of this page. 🙂
Can I display a Contact Form?
Yes, you can. Simply add the form shortcode in the content box and that’s it.
Will it work with Elementor Free Version?
Yes, PowerPack works with Elementor Free version. So, all the widgets will work with Elementor Free Version as well.