Divi Mega Pro

How to adjust the Divi column stack order on Mobile

When designing responsive in Divi, the columns stack order is always a little tricky to solve. The easiest way to solve is duplicate the row and disable on desktop and adjust the stack order. However, this is a bad practice, since it bloats the page of content. To...

How to Center Mega Menus on the Page

Divi Mega Pro is designed to center the mega menu beneath the trigger (menu item), rather than centered on the page. With that said, we have a workaround for this that will allow you to center the mega menu on the page. You can see the before and after in the...

How to trigger a Tooltip in a specific word or phrase

Introduction In this tutorial we will show you how to trigger a Mega Tooltip in a specific word or phrase using a line of HTML. Step 1: Go to Divi Mega Pro Posts 1. Go to WordPress dashboard 2. Open Divi Mega Pro CPT (Custom Post Type) 3. Go to the Divi Mega Pro post...

How to Create a WooCommerce Mini Cart with Divi Mega Pro

Introduction With Divi Mega Pro, you can add a dropdown WooCommerce shopping cart to your menu as a mega menu. This is also known as a mini cart, shopping cart mega menu, or menu cart. Here's an example of a WooCommerce mini cart: We could place the WooCommerce...

How to Make the Tabs Module Change Tabs on Hover with Divi Mega Pro

Introduction Traditionally, everything with a menu or mega menu is activated on hover. So if a menu has vertical (or horizontal) tabs as a way to add more content to the menu, then traditionally the tabs are activated on hover. Since Divi Mega Pro is powered by the...

Divi Mega Pro’s Snazzy Slide Transition Feature

Introduction Have you seen the mega menus on big sites such as ElegantThemes.com or Stripe.com? Did you notice how when you move from menu item to menu item the mega menu smoothly transitions the content while sliding and keeping the container active? Pretty cool! The...

The Different Trigger Types for Divi Mega Pro (Hover and Click)

https://youtu.be/PVyJeTtTYGI Introduction In this tutorial we will show you the types of triggering to trigger your mega menus and tooltips. Divi Mega Pro have two ways to trigger: On hover: this is the defualt settings on your Divi Mega Pro. This is the most used on...

How Add Close Buttons to Your Divi Mega Menu

https://youtu.be/WwnHpGj-zpA Introduction A close button give a plus to the mega menus or mega tooltips when these are set to close on click. In this way, the users will know where to close the mega menu or mega tooltip. Divi Mega Pro add a bunch of customizations to...

How to Set an Exit Delay on Your Divi Mega Menu with Divi Mega Pro

https://youtu.be/y6Fm1OTaW7I Introduction In this tutorial we will show you how to add Time delay when exit on hover a mega menu or Tooltip. Timed delay adds a slight delay between the time your mouse leaves the mega menu or mega tooltip area and when it closes. Step...

The Different Exit Types for your Divi Mega Menu (Divi Mega Pro):

https://youtu.be/EkbLEOut6oY   Introduction In this tutorial we will show you how to use the Exit Type. This function allows you to set a Exit type for your Mega Menus and Tooltips on hover or on click. On hover: this is the defualt settings on your Divi Mega...

How to Add the Downward “Carrot Icon” to Your Menu

https://youtu.be/lR1TTt2l4Zk Introduction In this tutorial we will show you how to add a downward "carrot icon" into your menu items that signify there is content in that menu item. This can be done using the CSS Class in the menu item you want the carrot icon....

How to Create a Mega Tooltip with Divi Mega Pro

https://youtu.be/lneRiXJHDs4 Introduction In this tutorial we will show you how to create Mega Tooltips, the awesome function of Divi Mega Pro to show content on hover in your Divi Modules. Using the Divi Builder to create the content you want to show. Basically, this...