How to Use Divi Menu Design Layouts

Step-by-Step Guide to Implementing Divi Menu Module Layouts on Your Divi Website

File Structure

After the purchase of the Divi Menu Module Layout Pack, you’ll get the following file.

1 ) all_menu_design_1_to_22.json file which contains all layouts or Individual layout JSON file

2 ) License.txt

Step 1 - Create Menu

Note: First Setup Your Primary Menu: Go to Dashboard ⇾ appearance ⇾ Menus

How to Create and Edit Menu Navigation in WordPress

Importing Divi Builder Layouts & Library Collections

Step 2 - Importing Divi Menu Layouts In Divi Library

Extract the ZIP file containing the divi layouts JSON files.

1. Go to WordPress Dashboard ⇾ Divi

2. Divi ⇾ Divi Library

3. Click the Import & Export

4. Select the Import tab.

5. Choose an Individual layout JSON file or Select the all_menu_design_1_to_22 JSON file (which contains all layouts).

6.  Click on Import Divi Builder Layouts

Note : They’re labeled and named according to their categories, so they’re easy to identify.

Step 3 - How To Use In Divi Theme Builder

1. Once the layout has been imported, open the Divi Divi Theme Builder

2. Click Add Global or Custom Header → Add From Library.

3. Click Save Changes once you’re done, and your header should appear on your website.

Frequently Asked Questions

Problems importing the layout?

If the importing process stops at 100%, or you have another problem, please make sure that you deactivate security plugins like Word fence while importing. Then it should work fine.

YouTube Tutorials (Installation Guide)

Explore our Video Guides for In-Depth Divi Layout Customization & Installation

Customer Support

If you encounter any issues, please don’t hesitate to get in touch with us.

Technical Support – Submit A Ticket

Email Support – or

Custom Job Inquiry –