Divi Theme Header Design Tutorial | Create A Custom Header

Published: 04 March 2022
on channel: Ferdy․com | Ferdy Korpershoek
125,770
2.2k

earn how to create a custom header in the Divi theme. With a different logo on scroll, different sizing on scroll, and different colors on scroll.
Get The Divi Theme: https://ferdykorp.com/divi
Download the header: https://divi.ferdykorp.com

thanks to the Theme builder within the Divi theme we can create custom headers using the Divi layout editor and place those headers anywhere on the website.

I will show you how to make use of the image module, menu module, and button module and change the settings when you scroll.

Of course, we will optimize our Divi header for all devices.

Overview with timestamps:
00:00 Introduction
00:44 Create A Custom Header In The Theme Builder
02:13 Make The Header Sticky
05:47 Change The Logo When Scrolling
13:45 Create The Menu
17:40 Create The Button
22:34 Optimize The Header For All Devices
34:37 Adjust the sizing and spacing in your Divi Header

Please like the video, comment, and subscribe for more upcoming videos!


On this page of the site you can watch the video online Divi Theme Header Design Tutorial | Create A Custom Header with a duration of hours minute second in good quality, which was uploaded by the user Ferdy․com | Ferdy Korpershoek 04 March 2022, share the link with friends and acquaintances, this video has already been watched 125,770 times on youtube and it was liked by 2.2 thousand viewers. Enjoy your viewing!