The Divi Summer Sale 2024! Get Up To 70% Off

Save 70%

Global Header

Create a Sticky Header with Divi’s Sticky Options

Create a Sticky Header with Divi’s Sticky Options

The way we use the Divi Theme Builder when setting up a website has sped up our workflow and made everything easier. Although we were able to create customized headers from day one ever since the Divi Theme Builder came out, one thing has been requested continuously,...

read more
Animate Your SVG Logo Inside Your Global Header

Animate Your SVG Logo Inside Your Global Header

Your logo is a central part of your brand’s identity. That’s why it’s almost always included in any website header you come across. When adding a logo to your header, you can choose to upload a PNG file or go for an SVG integration instead. For a more customized...

read more
Add a Label to a Menu Item

Add a Label to a Menu Item

When building your website’s header, paying special attention to your visitors’ behavior can help boost clickthrough rates. Not only should your header look good, but it should also help guide visitors to the most important pages on your website. A frequently used...

read more
Vertical Navigation Menu

Vertical Navigation Menu

Vertical navigation menus can come in handy for certain websites that need more menu items at the forefront. Horizontal menus can be difficult to fit all the menu links needed, especially on smaller browser widths. In this tutorial, we are going to show you how to...

read more
Scrollable Portfolio Navigation List

Scrollable Portfolio Navigation List

Portfolio pages are the perfect excuse to get creative with your web design. In this tutorial, we’ll show you how to put together an eye-catching scrollable portfolio navigation list to spice up any portfolio page. Using Divi’s scroll effects, the menu items come to...

read more
Elegant Themes Dropdown Menu

Elegant Themes Dropdown Menu

Ever since Divi’s Theme Builder has come out, the way we design headers and footers throughout our websites with Divi has become easier than ever. Everything can be customized and you can obtain the exact menu you have in mind without ever having to leave the...

read more
Fixed Audio Bar in Divi Header

Fixed Audio Bar in Divi Header

If you’re hosting a podcast website with Divi, chances are high you’re using the built-in Audio Module already. Now, if you’re looking for a special way to put your latest episode in the spotlight, you’re going to love this tutorial. Today, we’ll show you how to...

read more
Dynamic Site Title and Tagline

Dynamic Site Title and Tagline

Knowing how to add a dynamic site title and tagline to a Divi Global Header will come in handy when building Divi websites. And there are a few good reasons that one would do it. For one, not every site has a logo. A site title is a good logo replacement. Another...

read more
Notification Box for COVID-19 Updates

Notification Box for COVID-19 Updates

There is always a need for notification boxes on a website. They are helpful additions that supply important information to users where they can see it. Unfortunately, the growing COVID-19 epidemic has left many websites with the pressing need to keep their users...

read more
Minimal Header & Footer

Minimal Header & Footer

When designing a global footer and header, it’s important to take the overall design style of the website into account. If you’re building a minimal website, with a lot of white space, for instance, your best bet is going with a minimal header and footer as well.

read more
Responsive Slide-In Menu

Responsive Slide-In Menu

When setting up a website for a client of yourself, you’ll find yourself contemplating what type of header to build. The most used one around the web is the horizontal menu bar at the top, but there are other options as well, such as a slide-in menu. Slide-in menus...

read more
Zoom-Out Header Transition on Scroll

Zoom-Out Header Transition on Scroll

Creating a zoom-out header scroll effect can be an impressive design element to engage users with your content. The effect is similar to what you see on Apple’s macOS Catalina page. In this tutorial, we are going to show you how to create a zoom-out header transition...

read more
Add a Dropdown Contact Form to Your Global Header

Add a Dropdown Contact Form to Your Global Header

When you’re building a custom header for your website, using Divi’s theme builder, you’ll find yourself looking for the ideal way to add a CTA. One way you can go about it is by adding a dropdown contact form. This will help you keep the overall look and feel of your...

read more
Add Two Side-by-Side Buttons to Your Divi Global Header

Add Two Side-by-Side Buttons to Your Divi Global Header

Having clear calls to action on your pages is a necessity for most websites. And what better way to draw attention to some of your most important CTAs than by placing them in your header? In today’s tutorial, we’ll show you how to add two side-by-side buttons to your...

read more
Inline Login Form for a Custom Global Header

Inline Login Form for a Custom Global Header

Creating an inline login form for your header can be a wonderful boost to user experience. They are perfect for membership sites and online stores because it makes it really easy for users to login at any time or on any page of the site. In this tutorial, we are going...

read more
Animate Your Global Header

Animate Your Global Header

Your header is one of the most important parts of your website. It connects your pages, posts and calls to action. It’s also one of the things your visitors automatically go looking for, so they don’t waste any time finding what they’re looking for. If you’re looking...

read more
Divi 4.0 Theme Builder Pack 6

Divi 4.0 Theme Builder Pack 6

The sixth theme builder pack is colorful, fun, and elegant. The global header is refreshingly unique with a clever combination of a centered primary menu and a left aligned secondary menu. The footer is simple with a gorgeous colorful background. And the individual...

read more
Divi 4.0 Theme Builder Pack 5

Divi 4.0 Theme Builder Pack 5

This fifth theme builder pack comes with beautifully designed elements including a global header with multiple CTAs and a search bar. The global footer has a gorgeous background that really makes the content pop. The product, post, and category page templates are...

read more
Divi 4.0 Theme Builder Pack 4

Divi 4.0 Theme Builder Pack 4

The fourth theme builder pack comes with more unique templates that will help automate the way you add products, build posts and create new category pages. The design includes beautiful abstract shape backgrounds that bring a vibrant color to page templates. The...

read more
Divi 4.0 Theme Builder Pack 3

Divi 4.0 Theme Builder Pack 3

The third theme builder pack is beautiful and matches many web design styles. The global header is simple but elegant and includes all the elements your website might need. The footer has a gorgeous signup form. You’ll definitely find yourself reaching for this theme...

read more
Divi 4.0 Theme Builder Pack 2

Divi 4.0 Theme Builder Pack 2

For the second theme builder pack, Kenny and his team have turned the Elegant Themes website into different templates that you can use for your upcoming Divi project. The theme builder pack includes a user-friendly post template and a footer template with an...

read more
Divi 4.0 Theme Builder Pack 1

Divi 4.0 Theme Builder Pack 1

The Divi theme builder pack 1 comes with multiple templates that automate the way you add products, build posts and create new categories. The design style that was handled for this theme builder pack is both minimal and abstract. It fits many website styles and...

read more
The Divi Summer Sale 2024! Get Up To 70% Off

Pin It on Pinterest