5 Free Divi Menu Styles

by | Jul 22, 2020 | Divi Web Design

Divi Menu Styles

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

Divi Menu Style 1
  • 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

Divi Menu Style 2
  • 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

Divi Menu Style 3
  • 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 Menu Style 4
  • 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

Divi Menu Style 5
  • 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.
Divi Theme Builder
  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
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.
import divi header

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.

About Author

I’m a WordPress designer and Divi theme expert who loves to design the layout for websites and landing pages. With 4+ years of experience, I can amaze you with my designs. In my free time, I do love to write blogs and help others.

Are You Looking For Divi Web Design?

Take your business to the next level with us now!

0 Comments

Trackbacks/Pingbacks

  1. How To Increase Divi Dropdown Menu Width Using Theme Builder - […] I’m a WordPress designer and Divi theme expert who loves to design the layout for websites and landing pages.…
Submit a Comment

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This