Off Canvas Widget for Elementor
The Off Canvas widget lets you design sleek, customizable sliding menus, sidebars, or panels, perfect for improving navigation and creating dynamic, space-saving layouts.
Off Canvas Widget Frequently Asked Questions
The Off Canvas widget allows you to create sliding panels or hidden content areas on your website. These panels can slide in from the side, top, or bottom of the screen and are perfect for menus, contact forms, or additional content that you want to display in a sleek and modern way.
This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to the Unlimited Elements Widget Library.
- Search for “Off Canvas” in the search bar.
- Hover over the widget in the search results and click Install.
- Add the “Off Canvas” widget to any Elementor page.
The Off Canvas widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now
This widget supports two types: Element ID and Content. Element ID allows you to load external elements, while the Content type lets you design and include specific content directly within the widget. This flexibility helps in crafting unique sliding panels or hidden sections based on your website's needs.
Yes, this widget allows you to customize its animation. You can choose from options like Fade In, Slide from Left, Right, Top, or Bottom. Additionally, you can adjust the animation transition time in milliseconds, ensuring a smooth and tailored effect that aligns with your website’s design and user experience preferences.
Absolutely! This widget allows you to upload and use a custom close icon in SVG format, giving you the flexibility to match the design to your website’s branding. By adding a unique close icon, you can maintain a cohesive visual identity while providing an intuitive way for users to close the sliding panel.
You can fully customize the width and height of this widget. This ensures that the panel fits perfectly within your website’s layout, whether it’s for displaying a menu, form, or additional content.
This widget provides a wide range of styling options to enhance its appearance and align it with your website's design. You can customize the background, border, text color, and typography for the content inside the panel. Additionally, you can adjust the trigger link styling, overlay color and transparency, resize the panel’s width and height, and even style the close icon to suit your branding. These features ensure a seamless and visually appealing user experience.
Yes, this widget is fully responsive and mobile-friendly. You can customize its dimensions, positioning, and animations to ensure it works seamlessly across all devices, providing a smooth user experience on desktops, tablets, and smartphones.
Using this widget is simple. Drag the widget into your page, customize the panel’s design and choose the content you want to display. You can also adjust its trigger, animation, and positioning for a seamless user experience. Check out our documentation for detailed guidance.
