Custom Divi Header 01 – Free Download
Yay, Divi Freebie!
The 1st Custom Divi Header in Our Series
The Divi Theme by Elegant Themes is very popular, but unfortunately, it is extremely lacking in header customization options. We know Divi will receive a Theme Builder update, but from comments, it sounds far away. However, our websites and clients can’t wait for a custom Divi header that stands out.
I have a lot of these FREE custom Divi headers coming that are all different and exciting, so keep an eye out right here for more!
Key Features
NOTE: Uses the Default Divi Header!
- Split left and right menu items
- Line under menu
- Call-to-action button
- Call-to-action underline
I spend a lot of time developing these FREE Divi resources. However, all I ask in return is that you subscribe to the blog. You won’t get spammed daily like some sites do (eh hem), but I will share helpful new tutorials and products once in a while when they come out.
How much do you love this?
How much do you love this?
How To Use
Download and Unzip The Included Files
- Customizer settings
- Theme Options Settings
- Custom CSS
- Divi Builder Layout
Once you download the files, unzip the folder labeled “.zip”. Inside you will see the included files each one named according to where it should be used.
Import the Customizer Settings
In your website Dashboard, go the Theme Customizer. Locate the up/down arrows in the top left corner and select this option.
This opens the Export/Import Portability popup.
Select “Choose File” and browse for the file labeled “Customizer Settings.”
Select “Import Divi Customizer Settings.”
Import Theme Options Settings
In your Dashboard, go to Divi>Theme Options>General. Here you will see the up/down arrows in the top right corner in the purple.
This opens the Export/Import Portability popup.
Select “Choose File” and browse for the file labeled “Theme Options Settings.”
Select “Import Divi Theme Options.”
Copy and Paste Custom CSS
NOTE: This is only needed if you are not importing the Theme
Open the “.css” file in a code editor of your choice. We recommend using the Editey code editor which works great with Divi and Google Drive as explained in this blog post. Then, copy the CSS to your clipboard.
In your website Dashboard, go to Divi>Theme Options>Custom CSS. Paste the code here from your clipboard, and hit Save.
Import the Divi Layout
To import the Divi Layout, go the page in the Visual Builder and select the up/down arrows.
Select “No File Selected” and browse for the file labeled “Divi Layout.”
Select “Import Divi Builder Layout.”
NOTE: This needs to be imported to the page, not the library.
That’s it! Enjoy your new custom Divi header!
Nelson Lee Miller
Sneak Peak!
See You Next Week!
Nelson, this is a very unique gift you give to the community! Thanks so much!
You are welcome, Elisandro! Thanks for stopping by and I hope you continue to find what I share valuable!