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...
Divi Mega Pro
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...
How To Solve the Issue When the Builder is not Loading (Infinite Loading Issue)
Introduction Sometimes, when you want to edit a post in Divi Overlays, Divi Bars or Divi Mega Pro, the builder does not load normally, but instead shows an infinite loading loop over the builder, or the homepage of your website. This is due to a bug in Divi's new...
Customizations/Changes Not Showing on Front End after Updating (Divi Overlays, Divi Mega Pro, Divi Bars)
Introduction Occasionally changes, customizations, or updates that you make in Divi Overlays, Divi Mega Pro, and Divi Bars are not reflected or shown on the front end of the site. This can easily be solved by clearing the Divi cache. Follow the steps below to achieve...
How to Customize the Width of Your Divi Mega Menu with Divi Mega Pro
https://youtu.be/AuCwD3muxGY Introduction One of the most important functions in Divi Mega Pro is the custom width. By default Divi Mega Pro is 100% width, but this can be changed with a few clicks. Step 1: Go to Divi Mega Pro 1. In your WordPress dashboard, go to...
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...
Getting Started with Divi Mega Pro— How to Create a Mega Menu with Divi & Divi Mega Pro
The 7 Step Quickstart Instructions: Download Divi Mega Pro from Purchase History Install the .zip file like any other plugin: WP Admin > Plugins > Add New > Upload > Activate Then go to Divi Mega Pro > Settings, paste your API Key and click save. (this...
How to Disable your Mega Menu on Mobile, Desktop, Tablet (Divi Mega Pro)
https://youtu.be/tnWRlTjNKgE Introduction In some cases, you may want to disable the mega menu on specific device types. For example, a lot of users love to have mega menus on Desktop and Tablet, but not mobile. So within Divi Mega Pro Settings, we can easily disable...
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...
How to Set a Fixed Height of Your Divi Mega Menu or Mega ToolTip (Divi Mega Pro)
https://youtu.be/tommk9A7yJo Introduction By default the mega menu or mega tooltip built with Divi Mega Pro the height is adapted by content within the mega area. So with Divi Mega Pro you can set a custom height for Divi Mega Pro, so when the content is larger, a...