Welcome to Day 51 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series!
For today’s Divi Layout Kit we’ve created something quite unique. We’ve created a kit that includes ten different headers made from Divi Builder sections. So before anyone asks in the comments, these are only intended to be used with the “blank” page template and are not ideal in every circumstance. But for those they do work for, they’re fantastic. You can use these menus on small sites with just a few pages or on certain pages where you want that page’s menu to be unique from the rest of your site.
- 1 Downloading & Using The Divi Header UI Kit
- 2 Subscribe To Download For Free
- 3 Download For Free
- 4 You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!
- 5 The Divi Header UI Kit
- 6 Tomorrow: Vote On Who Should Win The Divi Showcase Competition
- 7 Divi 100 Day 51
- 8 The Countdown To Divi 3.0
Downloading & Using The Divi Header UI Kit
To use the Free Divi Header Layout Kit on your own Divi website you will first need to download it using the button below. Next, locate the file divi-100-header-ui-kit.zip in your downloads folder and unzip it. Then, navigate in your WordPress admin to Divi > Divi Library and click the “Import & Export” button at the top of the page.
When the portability modal pops up go to the import tab. Click the “choose file” button and select the Header Divi Kit.json file. Then click the blue “Import Divi Builder Layout” button and wait for the import to complete.
Once the import has finished you will now have the ability to load your new Divi header UI kit on any builder powered page by going to Load From Library > Add From Library. Be sure to use the blank page template with this particular layout pack!
Subscribe To Download For Free
The Divi Header UI Kit
As I mentioned above, this kit does not use the actual Divi header module or the built-in header/navigation. Instead these are customized headers that you can save as individual sections or as global elements to use with the blank page template.
Tomorrow: Vote On Who Should Win The Divi Showcase Competition
We received thousands of entries for this years big Divi Showcase Competition and we’ve narrowed them down to just 20 finalist. Tomorrow will be your chance to see if your entry made the cut, and vote on who should win out of the top 20. See you there!
Divi 100 Day 51
The Countdown To Divi 3.0
This post is part of our Divi 100 marathon. Follow along as we post free Divi resources for 100 days in a row! This 100-day countdown will end with the game-changing release of Divi 3.0, including our brand new visual editor built from the ground up using React. Divi 3.0 will change the way you build websites with the Divi Builder forever!
Let the countdown begin.