Divi Builder Menú
1 – Installation
Once we have our WordPress installation with Divi working, we have to install the plugin.
1. In your admin dashboard, go to Plugins > Add new.
2- Click Upload Plugin button, and in the form that appears, select the plugin .zip file and click Install Now.
License
Only if you have bought this product on our website (not on Elegant Themes) you will have to put the license .
You will find this code in the purchase mail or in your account.
Now you can see that a new Menu option has appeared with the title ‘Divi Menu Builder’.
4- Before start building your menus, go to Divi > Theme Options and in the tab Builder, enable the option Supercustom Menus.
 2.1- Configure Divi Header and Navigation for Divi Menu Builder.
Now you have to configure Divi Header to open your Menu. To do that go to Appearence > Customize > Header & Navigation.
Now click the option Header Format and select ‘Fullscreen’ as Header Style.
After this, your custom menu will be prompt with the default Divi’s hambuguer menu icon. Now you can continue reading 3- Creating your menu.
If you can’t see the Header & Navigation option like in the previous image, you won’t be able to activate the ‘Fullscreen menu’. That is because you already have a Global header created in your Divi Theme Builder. If this is your case, you will have to use option 2 and create your own Menu Trigger button. Read Create your custom button to open Divi Menu Builder.
2.2- Create your custom button to open Divi Menu Builder
If you are using a custom Globla Header in your Divi Theme Builder, you will need to add the button to open your menu.
Once you activate Divi Menu Builder, you will see a new module in the Divi Theme Builder called “Menu Builder Trigger”.
 Add this module to create the control that opens your menu. You will be able to customize this control with these options.
- Type: choose between uploading your own image or use a default hamburguer icon.
- Image: If you select type image, upload here the image you want to use.
- Text: Complete with any text you want to display with your icon/image.
- Text position: Position where you can place your text.
Once you have customized your menu trigger, save your design.
3- Creating your custom menu
To create your custom menu, you have to go to your Admin Panel > Divi Menu Builder > Options. We know that start to create with a white canvas is always difficult, we have created 8 different menu layouts to use as start. Once you choose the one you like the most, click the option “Import exmple” below it, and the Divi Builder will prompt with the content of the example.
From here you have to work as you know, with the Divi Builder. You don’t have any restriction and you can add anything you need to your amazing menu.
Use the trigger samples
With this product you have a zip called “sumpletaryfiles.zip” here you find a json “Triggers Examples.json” file that you can import on your website to copy and paste any trigger. We recommend importing this content on a blank page and then copy and paste the module that you want.
You can download the file “Triggers Examples.json” from here.
6 – Close Button and other options
On the page Admin Panel > Divi Menu Builder > Options you can find some extra options to customize your menu.
- Close menu color:Â Pick the color for the ‘X’ icon that closes your menu.
- Background close menu color:Â Pick the color fo the background of the icon that closes your menu
Close Button
This button is also customized. You will find these options in the backend.
