5 Free Divi Menu Styles

Divi Menu Styles You Can Use Through Divi Theme Builder

All the Divi menu styles given below are 100% compatible with Divi builder and you don’t have to write a single line of code to edit the menu. Download and import it to your website. Enjoy!

Pre-Requisite For Free Divi Menu Styles

• A genuine & activated Divi theme. Get it now for 10% off.
•  Basic knowledge of how Divi theme builder works.
• lastly, Ofcourse JSON file to upload which you can download from below.

Divi Menu Style 1 – Business Website Menu

• Email address is clickable.
• Phone number is clickable.
• 100% optimized for all Devices(mobile, tab, laptop, big screens).
• Logo can be replaced with your logo.
• Menu items can be replaced with your menu.
• You can add more social icons.
• 100% Divi builder compatible.
• Font: Poppins

Live Preview

Divi Menu Style 2 – Blog Website Menu

• You can link the newsletter.
• 100% optimized for all Devices(mobile, tab, laptop, big screens).
• Logo can be replaced with your logo.
• Menu items can be replaced with your menu.
• You can add more social icons.
• 100% Divi builder compatible.

Live Preview

Divi Menu Style 3 – Portfolio Website Menu

• Phone number is clickable.
• 100% optimized for all Devices (mobile, tab, laptop, big screens).
• Logo can be replaced with your logo.
• Menu items can be replaced with your menu.
• You can add more social icons.
• 100% Divi builder compatible.

Live Preview

Divi Menu Style 4 – Transparent Website Menu

• Divi Transparent Menu.
• 100% optimized for all Devices (mobile, tab, laptop, big screens).
• The logo can be replaced with your logo.
• Menu items can be replaced with your menu.
• 100% Divi builder compatible.

Live Preview Menu

Live Preview Website Menu

The first link contains a menu but you won’t be able to see it because the text is white. Please click on 2nd link to view the Divi menu style 4.

Divi Menu Style 5 – High Conversion Website Menu

• Button is clickable and colors can be changed in divi builder(no coding required).
• 100% optimized for all Devices (mobile, tab, laptop, big screens).
• Logo can be replaced with your logo.
• Menu items can be replaced with your menu.
• 100% Divi builder compatible.

Live Preview

If you are a designer or if you are starting a new website, then definitely you need to read this blog which will tell you about Best 15 Free Divi Child Themes In 2020.

How To Import Divi Menu Styles To Your Divi Website

1. I hope you have downloaded the zip file which is having all the 5 Divi menu styles by inserting your name and mail id.
2. I am sure that you already have installed and activated the Divi theme.
3. Extract the zip file which will contain 5 JSON files of Divi menu styles.
4. Now, let’s import the Divi menu style 1, and importing others will be the same.
5. Open Divi Theme Builder as you can see in the image below.

1. After reaching to Divi theme builder click on “Add Global Header” once you click on it will ask for build global header or add from library.
2. You have to click on Build Global Header

1. If you reach the page click on the build from scratch.
2. Now you will see 3 dots icon at the bottom center of the page.
3. Click on it and the last icon at the right side is of Portability, click on it.
4. Import > choose the JSON file from the folder in my case it’s Divi menu style 1.
5. Once you hit the Import Divi builder layout you will see the menu in the Divi builder.

Now you can start editing your new menu once you are done don’t forget to hit the save button. Enjoy!

I hope you liked all the Divi menu styles if you did please share it with your loved ones and if you have any questions you can ask me in the comment below.

If you are looking for a Divi theme expert who can help you in designing the Divi website or give you live video coaching so you can better understand Divi basics. Learn more about the Divi Theme Expert.