Your previous agency dumped you? Not picking up your call? Left you in the middle? OR looking for a brand new agency? Give us a call or message us on What’s App.

Our Location: Kanpur, India

Our Location: London, UK

Address: 3504 Lake Margaret Dr, Orlando, FL 32806, United States

Built on WordPress ❤️

Calendar Icon White
Divi Menu Styles

Published July 22, 2020

Lovish Gulati

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

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

Download 5 Divi Menu Styles

Fill the form and the download will be ready for you. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to access the Divi menu styles pack. DOWNLOAD DIVI MENU STYLES

Note: We respect your privacy and we never spam.

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 has all the 5 Divi menu styles by inserting your name and email 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 you to build a global header or add it from the 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 a 3 dots icon at the bottom center of the page.
  3. Click on it and the last icon on 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 design the Divi website or give you live video coaching so you can better understand Divi basics. Learn more about the Divi web designer.

Looking for web services?

Are you looking for, web design, branding, website maintenance, GBP optimization, SEO services?

Order Now

Related Post

Advanced Custom Fields

Unlock WordPress Potential: A Beginner’s Guide to Advanced Custom Fields

Welcome to the world of Advanced Custom Fields (ACF)! If you’re looking to take your WordPress site to the…

Advanced Custom Fields, Web Design, WordPress

Lovish Gulati

January 17, 2025

Woocommerce Vs Shopfy

Shopify vs. WooCommerce: Choosing the Right E-commerce Platform

When it comes to setting up an online store, two of the biggest contenders are Shopify and WooCommerce. Both…

Shopify, Web Design, Web Developer, WooCommerce, WordPress

Lovish Gulati

January 13, 2025

21-Most-Popular-WordPress-Plugins

21 Best WooCommerce Plugins to Supercharge Your Online Store

If you’re running a WooCommerce store, selecting the right plugins is crucial for your success. With countless options available,…

E-commerce, Web Design, WooCommerce, WordPress

Lovish Gulati

January 10, 2025

Lovish Gulati

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.

1 comment

Leave your comment

Table of Contents

→ Index

Revolutionize your online presence with our expert web designers. 7+ years of experience. Request a free quote now and shine on the web!

Revolutionize your online presence with our expert Breakdance web designer. 7+ years of experience. Request a free quote now and shine on the web!

Experienced WordPress Bricks web designer adept at crafting exceptional website and landing page layouts. 7+ years’ expertise in Bricks builder, dedicated to achieving your goals by creating highly convertible landing pages.

Passionate Divi web designer with 7+ years’ expertise crafting captivating layouts for websites and landing pages. Let’s achieve your goals together – boosting leads, increasing traffic, and driving sales.

To easily understand what graphic design you firstly need to know about the elements used in it. The various elements are used to create an impactful design. The elements are color, texture, space, size, line, shape, etc. All these elements make your graphic design very much creatives.

Search engine optimization is a process where you optimize your content by using the common keywords so that any of the search engines shows your content as a top result. It is quite an art of getting ranked high over the search engine without paying anything.

WordPress is one of the most popular CMS empowering more than top 10 Million Websites today. Ideal for making business websites and blogs. It’s the most preferred blogging platform among self-published authors. Thanks to the large number of plugins available in the market WordPress became an ideal platform for every need.

Mobile browsing is on the rise. Studies show that customers who browse on mobile devices are more likely to take action when they find the service they are looking for. You do not want to miss out on these action-ready consumers. Our sites are always mobile-ready so you can keep up with your customer’s lifestyles.

Wolf has been an exceptional client to collaborate with over the last two years. His ease of interaction and flexibility with project timelines have contributed significantly to our productive partnership. Let’s hear his insights about our working relationship.

Gordan, a valued member of our community, shares his insightful experience with the Divi Awesome membership. Discover his perspective and firsthand account of the benefits and value it brings.

Jordan, the founder of Elevate Designs in Michigan, shares his professional insight after adopting our white label plan. Join us as he details his firsthand experience and the advantages it brings to his agency.

Rajni, an esteemed astrologer, sought a streamlined solution for a one-page website. Our team adeptly catered to her needs, ensuring a seamless experience. Hear her firsthand account of our professional and smooth handling of her requests.

Robyn, a valued client for whom we developed the website for Social Energy Marketing in New Zealand, shares her valuable feedback. Her insights shed light on our collaboration and the exceptional service experience she encountered.

Collaborating with Viajeras Nómadas Digitales, a Spanish nomad website, we meticulously crafted a site aligned precisely with their vision. Discover their testimonial, highlighting the tailored approach and successful realization of their digital aspirations.

Working with Marcy from Los Angeles, we understood the cost challenges of website development in the region. Despite budget constraints, we delivered a tailored solution that not only met her clear requirements but also brought a smile to her face upon the website’s successful launch.

Meet Marcel, a satisfied client of Divi Awesome. His testimonial reflects the exceptional experience with our services. Discover his insights and the value he found in our offerings.

Discover our streamlined process in just 59 seconds—an insightful glimpse into how we operate and what to anticipate. For further inquiries, reach out to us at support@duogeeks.com.