In this article, we’ll look at over 30 helpful Divi header tutorials that you can use with the Divi Theme Builder.
This tutorial is outdated. Please watch the updated version: https://www.youtube.com/watch?v=Wx6bTxiOmRc
It’s Friday and here on the Elegant Themes blog that means a new episode of Divi Nation. It’s a Divi Nation Short this week and as promised in previous episodes I’ve bundled three Divi Quick Tips into one. This time around we’re making some simple, subtle modifications to Divi’s header and navigation using a few […]
When it comes to building a header, the possibilities are endless. You can include anything you can imagine inside your Divi header if you use the Divi Theme Builder. Today, we’re adding another highly-requested header design tutorial to your list of resources. We’ll show you how to make your logo cross the primary and secondary […]
Out of the box, the Divi Header Module can create striking header designs with only a few adjustments. This makes it an extremely popular module when designing headers for your website in Divi. And with a little out-of-the-box thinking, you can create some really unique designs using only the built-in settings (no custom CSS). So […]
You can use a different header on as many pages as you want using the Divi Theme Builder, even separating your homepage from global design
Divi Theme Custom Header Pack From Divi Flexile. We are going to be using the Divi theme to create some great effects in this series of videos. The Divi them...
Free DIVI Global Header Layout | Get a free modern, feminine + classic DIVI by Elegant themes Global Header layout now inside the digital library!
Today I'm showing you how to shrink the Divi Theme Builder header menu when scrolling while keeping it fixed at the top of the page.
Optimizing your site’s logo in Divi is an important part of the design of your website. But, it doesn’t have to be a mysterious or daunting endeavor. In fact, Divi makes it pretty simple with the Divi Theme Builder and all of the built-in design options available. In this tutorial, we are going to show […]
Make your Divi Header stand out in the crowd with these 13 popular Divi Header / Menu tutorials I have written over the years.
A while back, we shared a mobile menu hack that helps you create a collapsing nested menu. We know many of you have used it, but with the new Divi Theme Builder, the approach becomes slightly different. In today’s tutorial, we’ll show you how to apply a mobile collapsing effect to the Menu Module inside […]
Flip Cards are a fun way for users to interact with your website. Not only does it provide a cool flip animation, it also allows you to offer additional information in one concise location. In this tutorial, I’m going to show you how to turn Divi Modules into flip cards without using a plugin! With […]
This quick guide will teach you how to make a fixed Divi header menu on desktop or mobile using the Divi Theme Builder or on a regular page.
August 22, 2014
In this tutorial, I will show you how to use a little custom jQuery to swap the Divi Blurb Header and Image so that the header is on the top of the blurb.
Divi Theme Add A Button To The Header. We are going to be using the Divi theme to create some great effects in this series of videos. The Divi theme has some...
How to create a transparent header on the home page with the Divi Theme. Today we will be demonstrating how to use the Divi Theme Builder to create a custom ...
Have you ever wanted to replace the Divi Top Header with Divi Page Builder Layout from the Divi Library? Now you can inject a custom Divi layout from your Divi Library above your Default Divi Main Header using the new Divi Hooks. All we have to do is add a simple snippet of PHP to your functions.php file.
How to easily change the header background on scroll with the Divi Theme. In this video we will be demonstrating how to change both the color and height of t...
