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
Left Side
Top Side
Right Side
Bottom Side
Toggle Content Types
Text, Image, Icon, Button, and Icon & Text
Text
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
Happy Clients
What our client say about us
Mohammad Sobhy
Bonnie Unsworth
Shezan Ahmed
Tim Kerney
Heather Pedley
Thomas Bogan
Valerie Robitaille
Pierre Moser
Pedro de Pradines
“Easy to download and so far seems like a piece of cake to install and modify.. Thank you.“
“Divi Image Mask Slider is packed with features and easy to use, you can get some really unique designs that i haven’t seen in other Divi plugins. Keep up the good work.“
“I just begin to use this plugin and I discover how it’s powerful and has unlimited possibilies.
Impatient to discover incoming modules.
Really, BRAVO for the editor“
“This is a hidden little gem and any Divi user with good basic/intermediate knowledge will get great mileage out of – the downloadable templates are plentiful and useful to get going and I am a big fan of the inline popups which are a great asset to claim back on page real estate by allowing you to expand information on click but offering a slimmer version of the content first- quite happy to suport this developer hoping they continue to expand their offering.
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 and find clarity to empower your Divi experience.
What is DiviGrid?
DiviGrid is a powerful Divi plugin that enhances your website-building experience by providing advanced grid layouts, interactive modules, and customizable design options. Whether you need dynamic post grids, carousel sliders, off-canvas menus, or image galleries, DiviGrid helps you create stunning, responsive designs with ease.
With over 40+ modules, 600+ design elements, and seamless Divi integration, DiviGrid empowers designers, developers, and business owners to build professional-grade websites without coding.
✅ Perfect for: Web designers, agencies, freelancers, and business owners
✅ Works with Divi 4 & Divi 5 (Working on it)
✅ Features: Responsive layouts, animation effects, and much more
Take your Divi website to the next level with DiviGrid! 🚀
Why I choose DiviGrid modules?
DiviGrid modules offer responsive and flexible grid layouts that allow you to create stunning, dynamic, and customizable designs for your website without any coding. With Divi Grid modules, you have full control over the number of columns, row spacing, content alignment, and more. They are highly versatile, easy to use, and compatible with the Divi theme, making them a smart choice for creating visually appealing and user-friendly websites. All essential divi modules are included in the Divigrid plugin.
Will more modules be added in the future?
YES, of course! Not only to deliver new features to the upcoming updates but also to ensure compatibility with every future Divi theme update.
How to update DiviGrid plugin?
To update the DiviGrid plugin, follow these steps:
- Go to the WordPress Dashboard of your website.
- Navigate to “Plugins” in the left-hand sidebar and click on it.
- Look for the “DiviGrid” plugin in the list of installed plugins.
- If an update is available, you will see a notification with a “Update Now” link.
- Click on “Update Now” to start the plugin update process.
- Wait for the update to complete, and then you can activate the updated plugin.
- It’s recommended to backup your website before updating any plugins or themes.
Note: Make sure you have a valid license for DiviGrid plugin to receive updates. Always read the documentation or contact the plugin’s support for specific update instructions.
Can I use DiviGrid in the WooCommerce platform?
Yes, you use DiviGrid on the WooCommerce platform. In the Post Grid Module, fetch the Content From WooCommerce. In our upcoming version, we will add the product grid module to the Divigrid Plugin. Using dynamic links, you can link up single post/project/product or any custom post page.
How do I install DiviGrid?
Simply download and install it like any other Divi plugin. Our documentation provides step-by-step guidance.
Is DiviGrid compatible with Divi 5?
We are working on making DiviGrid fully compatible with Divi 5.
Can I use DiviGrid on multiple sites?
Yes, with our unlimited sites, license package, you can install DiviGrid on unlimited websites.
For more details: DiviGrid pricing
Is there a money-back guarantee?
Absolutely! We offer a 14-day money-back guarantee if you’re not completely satisfied with your purchase.
Will DiviGrid work in my setup?
Yes—DiviGrid is built for maximum compatibility.
- Divi & WordPress Versions: Supports Divi 4.x and Divi 5.x (Is coming soon. We are working on this.) on WordPress 5.6 and above.
- Plugin Compatibility: Tested with WooCommerce, Easy Digital Downloads, and leading caching/optimization plugins (e.g. WP Rocket, Seraphinite Accelerator).
- Performance & Responsiveness: Modules load on-demand to minimize impact on page speed, and are fully responsive across all screen sizes.
What do I actually get for my money?
A complete toolkit, flexible licensing, and ongoing support.
- 40 Powerful Modules: From Post Grids and Masonry Galleries to Advanced Carousels.
- Licensing Options:
- Single-Site License (1 site)
- Unlimited-Site License (lifetime use on all your projects)
- Updates & Support: Lifetime updates (new modules & enhancements), dedicated ticket support, and a 14-day money-back guarantee.
How steep is the learning curve?
We make it easy to get started, even if you’re new to Divi.
- Live Demos: See every module in our online demo library before you buy. DiviGrid Demo Design
- Step-by-Step Documentation: Video walkthroughs Youtube, and module-by-module guides. Documentation
- Responsive Support: Fast, friendly help (average response time under 24 hours) Support
Still have questions?
We would love to co-operate with you. Our 24/7 support team available for you.