Select Page

One of 20+ Extension

Divi Off Canvas Module

Divi Off Canvas Module adds a hidden panel that slides in from any screen edge or corner and holds any Divi or DiviFlash module. Choose from 4 triggers and 9 transitions, and keep menus, search, and forms one click away.

Divi Off Canvas Module by DiviFlash

Any Content Inside

Drop menus, search, forms, images, buttons, or full rows of Divi and DiviFlash modules into the panel, so one drawer handles any job.

Four Opening Triggers

Open the panel from a hamburger, a custom button, any element on the page, or page load, by click or hover, wherever visitors already look.

Nine Animation Styles

Slide, Fade, Push, Reveal, Slide Along, Scale Up, Elastic, Corner Morph, or None, so the panel enters the way your site moves.

Build Divi Off Canvas Menus and Panels That Feel Natural on Every Device

Shape the Panel Around Your Content

    Size the panel per device, from a 400px sidebar to a full-screen overlay.

    Switch off the overlay for a filter sidebar that sits beside your shop or blog.

    Grow a chat-style box from any screen corner with Corner Morph's springy bounce.

Open the Panel From Any Trigger

    Pick from five hamburger shapes that turn into a close mark while the panel is open.

    Turn an existing header button or Learn More link into a trigger by its CSS class.

    Open a promo panel on page load after a delay you set, up to 10 seconds.

Give Visitors Every Way to Close It

    Close with the close button, a click outside, the Esc key, or a swipe on touch screens.

    Close one-page menus on link click, so visitors land straight on the right section.

    Lock page scrolling while the panel is open, with the page holding perfectly still.

Divi Off Canvas Module Close Button, Outside Click, Esc, and Swipe Settings

Keep the Panel Accessible for Every Visitor

    Move keyboard focus into the panel on open, then return it to the trigger on close.

    Report the open and closed state to screen readers straight from the trigger.

    Switch off animations for visitors who turn on reduced motion in their system settings.

Divi Off Canvas Module Keyboard Focus Inside an Open Panel

Free Ready-to-Use Off Canvas Layouts to Get Started

Skip building from scratch. Our pre-made Off Canvas layouts are fully customizable, responsive on every device, and ready to drop into any Divi 5 page. Pick a layout, swap in your menu or content, and your panel is live in minutes, saving time from the first click.

Divi Off Canvas Layouts by DiviFlash

DiviFlash Off Canvas vs Divi Menu Module Mobile Menu: Which Gives Visitors More?

The Divi Menu module's mobile menu drops a list of menu links below the header. DiviFlash Off Canvas opens a full panel from any edge or corner and holds any content you build.

Feature DiviFlash Off Canvas Divi Menu Module Mobile Menu
What goes inside NAny Divi or DiviFlash module, from menus to forms MLinks from one WordPress menu
What opens it NHamburger, button, any page element, or page load MThe menu's hamburger icon
Where it appears NSlides in from any edge or grows from a corner MDrops down below the header
Motion N9 transitions, including Push, Reveal, and Corner Morph MOne dropdown motion
Ways to close NClose button, outside click, Esc, link click, or swipe MTap the hamburger again
Devices NDesktop, tablet, and phone MTablet and phone breakpoints
Page behind the panel NScroll lock with an optional dimmed overlay MPage keeps scrolling

Ready to Fit Menus, Search, and Forms Into One Tidy Panel?

Helpful Resources

    DOCUMENTATION

    $$$

    Divi Off Canvas Module Overview.

    VIDEO

    $$$

    How to use Divi Off Canvas Module? (Coming Soon)

Trusted by Over 100,000 Users Worldwide

Join them and build with confidence.

DiviFlash plugins are a default install for all my Divi websites.

DiviFlash plugins are a default install for all my Divi websites. The plugins are well coded, constantly added with new functionality, and the support is responsive and helpful. Very pleased with my purchase.

Img Alt Text

Dax Davis

Marketing Leader, Goosehead

A powerful tool AND a responsive support team

Divi Flash is not only a powerful tool for to easily level up any Divi website, but it's also backed by an extremely responsive team. Any time I've reached out to them with questions or potential bugs they've been VERY prompt to respond and get it sorted. Not all plugin developers are this dedicated to their users. Divi Flash is an easy 5 star recommendation!

Img Alt Text

Alex Brinkman

Owner, Digital Marketing Agency

The plugin saves time and works perfectly.

We are a Divi agency and like to use the DiviFlash plugin to extend the functionality of the Divi modules. The plugin saves time and works perfectly.

The price is absolutely fair. Thanks to the DiviFlash team for this great plugin!

Img Alt Text

Anton Bernhardsgrütter

project manager, Appmulti AG

A Swift Resolution with Competent Support

We bought the plugin and immediately started to beautify our website with the modules. Unfortunately, after a short time there was a problem and we had a white screen of death. We then contacted Diviflash support and they were able to help us competently. In this case, it was due to insufficient memory for the website. Once we had increased this, everything worked perfectly again. Many thanks again for the quick and competent help.

Img Alt Text

Sven

Elegant Theme Marketplace User

They respond in a short time and…

They respond in a short time and provide all kinds of support to solve the problem. I have had 2 problems so far and they solved them both in a short time

Img Alt Text

Muharrem Uyar

General Manager, Çağdaş Yapı

It is a very useful and well made product

We purchased the Divi Flash membership about a month ago and it has quickly become our go to plugin for Divi. We have used quite a few of their modules on various client builds and have not been disappointed.

We have not had any reason to contact support but from what I see from other user's comments, we wont be disappointed with that either.

It is a very useful and well made product and we're happy to recommend it to others wishing to extend Divi's capabilities in a short space of time.

Img Alt Text

Jean Netlive

From South Africa

DiviFlash is a must if you use Divi

DiviFlash is a must if you use Divi on any of your WordPress sites. This plugin adds a ton of functionality to Divi without requiring multiple plugin add ons or separate plugins. I bought this plugin in 2021, and I can't imagine using Divi without it at this point.

I rarely have issues with bugs or conflicts. DiviFlash provides around 50 additional modules, and they're constantly adding more. My favorites to use include the advanced tab and hover box modules, but I'm looking forward to some things that are releasing soon.

Customer service is always responsive and helpful any time that I have had to contact them, which has maybe been 3 times since I bought this. Definitely buy the plugin!

Img Alt Text

Cecelia Thompson

Operations Director of Starry Eyes Media

A Thankful Perspective on DiviFlash Modules

DiviFlash modules add to my arsenal exactly that functions that I need for my sites. Settings are straightforward and let me tune all aspects of my design. Thank you, guys! You have some stuff to make better but I'm sure that you keep working. 🙂

Img Alt Text

Dmitry

Elegant Theme Marketplace User

Praises for Divi Flash Features and Support Team

Great features and an awesome support team!🍀🙏💚 I’m super happy with the Divi Flash, the advanced image gallery advanced was exactly what I was looking for, it saved me so much time and did the job without writing a single line of code. And for sure thank you so much for the great support team who helped me immediately to solve the issues I was having on my website, so glad I’m using your product.

Img Alt Text

Zo Alfeqar

Elegant Theme Marketplace User

Great product. Great support.

The product itself does everything that it claims to do, while being compatible with DIVI. The support team has also been very helpful to this day.

Img Alt Text

Amin Sadeghi

Investment & Real Estate Consultant

A Positive First Experience with Modules and Support

This is the first time I have purchased DIVI FLASH. The wide variety of modules is very attractive. When I started using it and was not sure how to use it, I contacted support and they responded quickly and were able to solve the problem right away. I was a little worried because it was my first time using the plug-ins, but the generous support made me feel at ease. Thank you very much.

Img Alt Text

okada

Trustpilot Member

DiviFlash is a feature rich all-in-one website enhancement Plugin for WordPress Sites

The product is feature rich, the team behind Divi Flash is committed to product enhancements, adding new modules, fixing issues and keeping it updated. Support is great as well. Its a great investment.

Img Alt Text

Swithin Pais

Senior Project Manager at NCR Atleos

Good plugins with a lot possibilities

Good plugins with a lot possibilities to personalize a website done with divi! and the new chat option to talk with the team is working fine!

Img Alt Text

Sandrine

Owner at Around the Web (France)

The support was very good and fast

The support was very good and fast. My questions were answered kindly and my problem was resolved quickly. Thank you very much!

Img Alt Text

Martina Müllender

Operations Director of Starry Eyes Media

30-Day Money-Back Guarantee—Shop with Confidence

If DiviFlash doesn’t meet your expectations, we’ll provide a full refund—no questions asked.

Frequently Asked Questions

Everything you need to know about the Divi Off Canvas Module before you get started.

What Is the Divi Off Canvas Module?

L
K
The Divi Off Canvas Module is a DiviFlash module that keeps a panel hidden until visitors open it, then brings it in from the edge of the screen. It works as a mobile menu, search drawer, form panel, or announcement bar.

How Is Divi Off Canvas Different From Divi 5 Canvases?

L
K
Divi Off Canvas puts the trigger, panel, nine transitions, and close options in one module. Divi 5 Canvases build content on a separate canvas and open it with Interaction Builder rules you set up.

Which Divi Version Does Divi Off Canvas Support?

L
K
Divi Off Canvas supports Divi 5 only. Sites on Divi 4 need to upgrade to Divi 5 to use it.

How Do I Turn On Divi Off Canvas?

L
K
Go to DiviFlash > Modules and switch on Off Canvas. Then click + in any Divi 5 row, search for Off Canvas, and place it where the trigger should appear.

What Can I Put Inside the Off Canvas Panel?

L
K
The Off Canvas panel holds any Divi or DiviFlash module, added with Divi's Add Element. Build menus, search, text, images, buttons, and forms right inside the panel.

How Do I Build a Mobile Hamburger Menu With Divi Off Canvas?

L
K
Choose Hamburger Icon as the trigger, set the direction to Left, and add a Menu module inside the panel. Keep Close On Link Click on so the panel closes after each tap.

How Do I Open the Panel From My Own Button or Link?

L
K
Set Trigger Type to CSS Selector and enter one or more CSS IDs or classes. Every matching element opens the panel, including elements loaded later.

How Does the On Page Load Trigger Work?

L
K
On Page Load opens the panel by itself after the Load Delay you set, from 0 to 10 seconds. It opens on every page view.

How Does Divi Off Canvas Work on Mobile?

L
K
Panel Size takes its own phone and tablet values, with an 85% width on phones by default. Touch visitors tap to open and can swipe the panel closed.

How Does Divi Off Canvas Support Keyboard and Screen Reader Users?

L
K
Focus moves into the panel and stays there while it's open, then returns to the trigger on close. The trigger reports its open state to screen readers, and reduced-motion visitors get an instant open and close.

How Many Divi Off Canvas Panels Can Be Open at Once?

L
K
One Divi Off Canvas panel stays open at a time. Opening a second panel closes the first automatically.

How Do I Build a Filter Sidebar With Divi Off Canvas?

L
K
Set the direction to Right, choose the Push transition, and switch off the overlay. The panel slides in beside your shop or blog content and pushes the page aside.

How Do I Add a WooCommerce Cart Drawer?

L
K

DiviMerc's Mini Cart module adds a live WooCommerce cart drawer with quantities and coupons in place. It pairs with DiviFlash on the same Divi 5 site.

Start Building Your Dream Website with DiviFlash Today!

Introducing DiviFlash 5.6.0: Off Canvas, Cookie Consent, Content Unfold & Image Effects

See What’s New →

DiviFlash 5.6.0 Is Here: 4 New Features