A Powerful Solution for Off-Canvas Menus, & Hidden Contents
Create responsive slide-in panels, hidden menus, promo pop-ups, login forms, and more. Fully customizable with advanced trigger options, animations, and styling. Perfect for improving user experience and engagement!
Multiple Toggle Types
Triggering options & Directions
Modern & Popular Animations
Using Library Content
Multiple Content Options for Effortless User Engagement
Whether you choose buttons, icons, links, or custom elements, you have full flexibility in how users engage with your off-canvas panel.
Use images, icons, icon-text combinations, text elements, or buttons as triggers.
Select Off Canvas Content From Library
Flexible Off-Canvas Positioning with Slide-in Effects
This functionality ensures your off-canvas content is displayed exactly as you envision. Easily set your panel to slide in from the left, right, top, or bottom, and choose from stylish transition effects.
Choose from four customizable positions
Dynamic Slide-In Effects, Reveal, Fade and Push Effects
Customizable Panel Size for an Optimized Layout
Achieve the perfect layout with customizable panel sizes. The Divigrid Off-Canvas Module allows you to adjust both the width and height, giving you complete control over your design.
Adjust Off Canvas Panel Width
Adjust Off Canvas Panel Height
Enhanced User Experience with Overlay and Close Controls
Boost usability with an overlay effect and close button options for your off-canvas panel. The overlay dims the background to draw attention to the panel, while the close button allows for quick dismissal.
Design Close Icon Size and Color
Changing Options For Panel Body Overlay Color
Smooth Animation Effects for Engaging Transitions
Choose from slide-in, fade, push, reveal and other animations that engage users while maintaining a sleek and modern look.
Slide, Push, Reveal, Fade Animation Effects
13 Easing Transition Options
Rich Content Support for Text, Media, and Divi Modules
The Divigrid Off-Canvas Module supports a wide range of content, including text, images, videos, and even Divi modules.
Advanced Content Integration
Full Compatibility with Divi Modules
Versatile Use Cases for the Off-Canvas Module
The Divigrid Off-Canvas Module is a highly flexible tool that can be used for various website functionalities. Whether you need to create interactive navigation, promotional sections, or custom sidebars, this module provides a seamless solution.
Hidden Off Canvas Menus
Banners & Announcements
Login & Registration Panels
Call-to-Action (CTA) Panels
Custom Sidebars & Widgets
Quick View Product Display
Off-Canvas Shopping Cart
Content Reveal & Interactive Storytelling
Design Capability
A Collection of Prominent features
The Divigrid Off-Canvas Module is designed to enhance user experience and website functionality with a variety of powerful features. Whether you’re creating hidden menus, promotional banners, or interactive side panels, this module offers a seamless and fully customizable solution.
Alignment Of Content Types
Set Toggle Image Height & Width
Set Toggle Icon And Close Icon Color, & Size
Click and Hover Both Triggering System
Off Canvas Direction
Panel Body Overlay Color
Typography & Custom Button Style Settings
Customizable Panel Size
4+ Modern Smooth Animation Types And 13+ Easing Options
Advanced Styling & Customization
Flexible Off-Canvas Positioning
Unique Choice For Showing Your Topic
Why the Off-Canvas Module is a Smart Choice?
The Divigrid Off-Canvas Module is a powerful and flexible solution for enhancing website navigation, user engagement, and content display. Here’s why it stands out as a smart choice for your website:
Boosts Conversions
Improves User Experience
Seamless Navigation
Highly Customizable
Enhances Engagement
Optimized for Mobile & Desktop
Efficient Space Utilization
Fast, Responsive, and User-Friendly design.
No need to write any custom code.
Ongoing Support and Regular Updates
Demo design of Off Canvas
Divi Off Canvas module design
The Divigrid Off-Canvas Module is designed with flexibility, aesthetics, and usability in mind. Whether you want to create a sleek side panel, an interactive navigation menu, or an engaging promotional section, this module provides a fully customizable and visually appealing solution.
Toggle Trigger: Click
Toggle Position
Top Side
Creative Design
Digital Marketing
Web Development
Website Maintenance
Right Side
Bottom Side
Maria Olevia
I am Maria Olevia
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.
Follow Us On
Toggle Content Types
Text, Image, Icon, Button, and Icon & Text
Text
My Social Media Gallery
Button
Quality
Your content goes here. Edit or remove this text inline or in the module Content settings.
Design
Your content goes here. Edit or remove this text inline or in the module Content settings.
Management
Your content goes here. Edit or remove this text inline or in the module Content settings.
Media
Your content goes here. Edit or remove this text inline or in the module Content settings.
Development
Your content goes here. Edit or remove this text inline or in the module Content settings.
Analysis
Your content goes here. Edit or remove this text inline or in the module Content settings.
Subscribe To Our Mailing List
+1-202-555-0145
[email protected]
1222 Brielle Fall, Bilzen
Toggle Content Type: Image
Toggle Trigger: Click & Hover
Years Of Experience
I'm Jenifer Doyel,
Architecture Designer, Photographer
Hasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam gravida non commodo a sodales sit amet nisi. Morbi in sem quis dui placerat ornare.
Janifer Doyel
About Us
We Create New
Digital Experience
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti
First Step
SKETCH & DRAWING
01
Second Step
Creative Process
02
Third Step
Development
03
Daniela D’Suza
Maria Olevia
I am Maria Olevia
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.
Follow Us On
Maria Olevia
Voices of Satisfaction
Hear directly from our cherished clients.
Tim Kerney
Heather Pedley
Thomas Bogan
Valerie Robitaille
Pierre Moser
Heather
Explore More Powerful Divi Modules
Take your website design to the next level with our premium Divi modules. Whether you need advanced image carousels, content grids, interactive buttons, or modern masonry galleries, our collection has you covered. Each module is built for flexibility, customization, and seamless integration with Divi, allowing you to craft stunning, high-performance websites effortlessly
Divi Post Grid
Interactive Card
Honey Comb
Divi Off Canvas
FAQ’s
Frequently Asked Questions
Your questions shape our journey. Dive into the most common queries about DiviGrid Off Canvas and find clarity to empower your Divi experience.
What is the Off Canvas module in Divigrid?
The Off Canvas module allows you to display hidden content in a slide-in panel triggered by text, an icon, an image, a button, or a combination of icon and text. It enhances user experience by providing interactive, space-efficient content displays.
How do I add the Off Canvas module to my Divi page?
To add the module:
- Ensure Divigrid is installed and activated.
- Open the Divi Builder on your page or post.
- Click on “Add New Module” and select “DG Off Canvas.”
Can I use multiple Off Canvas modules on the same page?
Yes, you can use multiple instances of the Off Canvas module on a single page, each with unique content and trigger settings.
What are the available toggle content types in the Off Canvas module?
The Off Canvas module supports five toggle types:
- Text – Displays a text-based trigger.
- Icon – Uses an icon from the Divi library.
- Image – Uses an image as the trigger.
- Button – Displays a clickable button.
- Icon & Text – A combination of an icon and text.
In which directions can the Off Canvas panel appear?
You can choose from four directions:
- Left – Slides in from the left.
- Right – Slides in from the right.
- Top – Drops down from the top.
- Bottom – Rises up from the bottom.
What animation effects are available for the Off Canvas panel?
The module offers four animation styles:
- Slide – Smoothly slides into view.
- Push – Pushes the page content aside.
- Reveal – Unfolds as if hidden behind content.
- Fade – Gently fades into view.
Can I control the speed and easing of the animation?
Yes, the module provides 13 easing effects, including Ease In, Ease Out, Ease In-Out, Cubic, Exponential, and more, allowing precise animation control.
Can I use the Off Canvas module for navigation menus?
Yes, you can create custom navigation menus in the Divi Library and load them into the Off Canvas panel.
Where can I get support if I face any issues?
You can visit the DiviGrid Support Center for documentation and assistance.
Would you like any additional FAQs related to a specific feature? 😊
Still have questions?
We would love to co-operate with you. Our 24/7 support team available for you.
Upscale your website
Build Your Next Digital Adventure with DiviGrid
Take your web design skills to the next level with DiviGrid. Create stunning, professional websites faster with our intuitive tools and beautifully crafted modules. Get started today!