Are you understanding of creative ideas in your internet web page headers? Or are you in search of a pack of header layouts to save some you time and effort in your next design problem? Divi Headers Pack is a Divi Marketplace product with 960+ header layouts for the Divi Builder. Each header design is mobile-friendly and is derived with many varieties for you to choose from. And because it’s built with Divi, it’s all completely customizable within the Divi Builder. In this product highlight, we’ll take a look at some of the the most important layouts you get with the Divi Headers Pack to have the same opinion you make a decision if it’s the best product for you.
Let’s get started!
Putting in place Divi Headers Pack
Divi Headers Pack comes as a ZIP file containing Divi Library .json information. To place within the header layouts, get began thru unzipping the file. Then, open your WordPress dashboard and navigate to the Divi Library internet web page.
Click on on Import & Export at the best, then make a selection the import tab. Choose the layout file, then make a selection Import Divi Builder Layouts.
As quickly because the layout has been imported, open the Divi Theme Builder. Click on on Add Custom designed Header, then make a selection the uploaded layout from your Divi Library.
Click on on Save Changes in case you’re completed, and your header will have to appear to your internet web page.
Divi Headers Pack
Lots of the header layouts have multiple permutations with different effects, capacity, and styling. Additionally, lots of the header layouts come with 3 diversifications – one with a mobile menu that slides in from the left, person who slides in from the best, and one with a full-screen mobile menu. With all of the permutations, there are an entire of 980+ header layouts that come with the Divi Headers Pack.
There are 50 easy headers built-in inside the header pack. The ones are headers built with Divi’s default possible choices and are simple and in a position to use. The ones layouts shouldn’t have separate permutations each.
Easy header 8 features a green secondary menu bar with workplace hours and a CTA button. The principle menu bar has a logo, menu items, and a phone amount. The principle menu bar is sticky.
Easy header 20 has the brand, contact wisdom, and social media icons at the best. There’s a divider bar inside the middle, and beneath are the menu items and a CTA button.
This is easy header layout 25. The phone amount and piece of email maintain are listed at the best, at the side of social media icons. The menu is beneath, with an inline logo. The principle menu bar is sticky.
Easy header 32 features a header bar with social media icons on the left, the brand inside the middle, and a CTA button on the suitable. The menu bar is beneath, with an orange background.
The RTL headers are designed for RTL languages. There are 5 basic designs and a number of other different permutations of each, with an entire of 42 RTL header layouts.
RTL header 3 is a transparent layout. It has the brand on the left, menu items inside the center, and a button on the suitable. When you scroll up, a white background turns out in the back of the menu.
RTL header layout 12 moreover has a transparent layout and a white background that appears when scrolling down the internet web page. It features a logo, menu items inside the center, and a phone amount blurb with an icon on the suitable.
RTL header 36 overlays the content material subject material on the internet web page and does not span the entire width. It lists the maintain, phone amount, and social media icons at the very best. Separated thru a divider, the brand, menu, and CTA button are beneath.
In the end, RTL layout 39 has a brown secondary menu bar with some text and social media icons. The principle menu bar features a logo, maintain wisdom, workplace hours, menu items, and a CTA button.
Lots of the standard headers have quite a lot of permutations. The ones permutations include layouts with transparent backgrounds, different shadow styling, sticky settings, scroll-up settings, and additional. The ones slight permutations are great to have and make it easy to hunt out the perfect header in your website. With 249 standard header layouts to choose from, you received’t run out of possible choices! Let’s take a look at a number of the standard headers.
Standard header 27 is a transparent variation. It has a logo on the left and a right-aligned menu bar along with some social media icons. The menu background turns white on scroll.
Standard header layout 60 floats above your internet web page content material subject material. It features a best bar with the maintain, workplace hours, and speak to amount. The principle menu bar has a logo on the left, menu items focused, and a CTA button on the suitable.
Standard layout 101 has a secondary menu bar at the best with workplace hours, an piece of email maintain, a CTA button, and social media icons. The principle menu bar has a logo and right-aligned menu items.
Standard header layout 176 is a transparent variation and has a logo, menu items, and a phone amount blurb. There’s a white background that appears on scroll.
Vertical Logo Headers
The vertical logo headers are particularly designed for taller, vertical emblems. There are 19 layouts in total.
Vertical header layout 5 is apparent until you scroll, then a white background turns out. It features a title icon on the left, a menu inside the middle with the brand inline, and a search icon on the suitable.
Vertical logo header 11 choices a large best menu bar with a phone amount, the brand inside the center, and the hours on the suitable. The menu bar is beneath, and it stays sticky at the best of the internet web page as you scroll.
Vertical logo header 14 is a big header layout with a secondary menu bar at the best with 3 links and social media icons. Underneath this are a phone amount, the brand inside the center, and the hours. There’s a divider after this, and then the menu bar on the left and a CTA button on the suitable.
In the end, this is vertical logo header layout 16. The logo is on the very left and spans the entire height of the header. There’s a blue secondary menu bar with some text and a CTA link. Underneath that’s the idea menu bar, with the menu items and a phone amount on the suitable.
Woo Headers are integrated with WooCommerce to feature cart and retailer wisdom inside the header. There are 29 total Woo headers.
There’s a plugin you need to place in as a way to display the cart depend with the bag icon, and you need to create a menu and substitute a setting in some of the the most important header modules for the icon to appear, alternatively the documentation that comes with the product is plain and easy to look at and was once no drawback to organize.
Woo header 5 is apparent until scroll and has a logo on the left, menu items on the suitable, and cart, retailer, and login icons on the suitable.
Woo header layout 20 has a white background and a secondary menu bar with some text and a phone amount. The principle menu bar has a logo, menu items inside the center, and search, cart, and login icons to the best. The principle menu bar is sticky as you scroll.
Woo header layout 24 floats above the internet web page content material subject material. There are two transparent modules at the best with some text and a phone amount. The principle menu bar floats at the best of the internet web page and has a logo, focused menu items, and search, cart, and login icons on the suitable.
In the end, Woo header layout 28 features a blue secondary menu bar with some text and a phone amount. Underneath it is a logo, and then the menu to the left and the quest, cart, and login icons to the best. The principle menu bar sticks to the best of the internet web page as you scroll.
The last magnificence inside the Headers Pack comprises 10 creative headers. The ones layouts are for people who are very familiar with Divi, and who’ve basic CSS knowledge.
The principle header layout in this tick list has a logo on the left, and a hamburger icon on the suitable.
When you click on at the hamburger icon, your menu with all its menu items will appear.
Header 7 inside the creative headers magnificence has a hamburger icon on the suitable.
When you click on at the hamburger icon, a choice of icons will slide down. You’ll link the ones icons to the similar pages.
And our last example from this magnificence, header 9, has a complicated design with multiple portions which will also be well-balanced. One of those portions is a search bar this is going above the menu items.
Achieve Divi Headers Pack
Divi Headers Pack is available inside the Divi Market. It costs $19 for endless internet web page usage and lifetime updates. The cost moreover includes a 30-day money-back make sure that.
Divi Headers Pack is jam-packed with relatively a large number of different headers and a whole lot of permutations of each design, making it easy to find a layout that works utterly in your design. On account of there are so many layouts to choose from, it may well be overwhelming to snatch where to begin out, alternatively the documentation for the product is very good and also you’ll download a preview folder that comprises an invaluable index of all of the different layouts you’ll use. You’ll moreover take a look at the demo website right here and read about some of the the most important header designs. Basic, the product is easy to use and arrange, turns out great, has great variety, and is easy to customize with your own content material subject material. In case you occur to’re in search of some premade header layouts in your next design problem, this product could be great for you.
We’d truly like to hear from you! Have you ever ever tried Divi Headers Pack? Let us know what you consider it inside the comments!
The publish Divi Product Spotlight: Divi Headers Pack gave the impression first on Sublime Issues Weblog.