Create Better Divi Headers

Free Download: Divi Header Templates

by | Jul 23, 2021 | 0 comments

Today I’d like to add even more value to our Freebies Package with the new Divi header templates.

These Theme Builder header templates use only the native modules of Divi Builder with a bit of custom CSS and JS, have simple layouts and come in two different color scheme and design variations.

Here are the main features:

N

Top and Main menu bars (two-rows layout)

N

CTA Button

N

Social icons

N

Search and Cart icons

N

Responsive

N

Clean design

N

Collapsed nested menu items on mobile

Divi Header Template #1 Preview

Divi Header Template #2 Preview

How To Download

These header templates are available to our verified subscribers only, to download first you need to subscribe using the opt-in form below and confirm your email address.

After confirmation you will receive the Welcome email with the download link.

If you’ve already subscribed before then you don’t need to subscribe again, you will receive an email with the updated Freebies Package download link immediately after its release.

Requirements

These header templates require Divi v4.x .

Header Template Installation

After downloading the freebies file extract it and find the header templates folder containing the templates JSON files.

To import a header template go to Divi -> Theme Builder and click the Import/Export icon at the top right corner.

Go to the Import tab of the Portability modal and add the header template JSON file that you’ve downloaded.

Then select the import options that you need(downloading a backup is always a good idea) and click the Import Divi Theme Builder Templates button.

Next click the settings icon of the newly imported header template to assign it to posts/pages.

Select where you would like this header to be used on(eg.: All Pages), click the Save button at the bottom of the list and then click the Save Changes button at the top left corner of the page.

This will save the template and make it apply on frontend.

Next you can start customizing the header template and add it’s content.

How To Customize

To start customizing the header template click the Edit icon

Customization is done the same way as with any other Theme Builder template except that these header templates come with custom CSS and JS in the Code modules, you may need to edit them as well(depending on your needs).

That’s all, enjoy! I hope you’ll find these header templates useful.

Subscribe now and download your copy for FREE and feel free to leave your thoughts and suggestions in the comments section below.

View Live Demos & Get Divi MadMenu

Download FREE Divi Sections

Subscribe To Our Newsletter

Join our mailing list to download Divi freebies and get notified of our discounts, latest news and updates.

You have Successfully Subscribed! Please confirm your email address.

Divi MadMenu Coming Soon!

Join our mailing list to get notified when the Divi MadMenu module is released! Check out the sneak peek...

You have Successfully Subscribed! Please confirm your email address.

Get FREE Divi Layouts

Download 20+ Divi templates for FREE!

Please confirm your email address to complete your subscription. Thank you!

Black Friday Is Coming!

Subscribe to get notified when our BIGGEST SALE starts!

Please confirm your email address to complete your subscription. Thank you!

Cyber Monday Is Coming!

Subscribe to get notified when the SALE starts!

Please confirm your email address to complete your subscription. Thank you!

Black Friday Is Coming!

Subscribe to get notified when our BIGGEST SALE starts!

Please confirm your email address to complete your subscription. Thank you!