Create A Custom Header Using The Divi Theme
ฝัง
- เผยแพร่เมื่อ 3 ก.ค. 2024
- Learn how to create a custom header in the Divi theme using the Divi Theme Builder and Divi Visual Builder.
Get The Divi Theme: ferdykorp.com/divi
Download the header: divi.ferdykorp.com
You will learn how many parts you want to have in your header. How to make your header sticky, change the logo and colors on scroll and optimize it for all devices.
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 Intro
01:30 Assign The Header To Any Page
03:56 Add A Logo
06:04 Make The Header Sticky
07:27 Change The Logo On Scroll
13:35 Create A Menu
19:52 Make The Header Responsive
30:52 Other Ways To Configure Your Header
Please like the video, comment, and subscribe for more upcoming videos!
#divitheme #divitutorial #wordpresstutorial - แนวปฏิบัติและการใช้ชีวิต
Great tutorial Ferdy!! Thank you so much!!
Thank you so much Great tutorial Ferdy!! 😍😍😍
Thank you so Much it works perfectly For me. I just installed on my Website. I was strugling so much to make a perfect header and here it comes. 🙏🙏🙏👍👍👍👍
Gratefull it save so much time . great stuff🙌🙌🙌🙌🙌
Thank you so much for sharing this❤❤
Another Great Video!!!! THANK YOU!!!!! It's great seeing someone try things and just go through thinking and making changes. I think I do need quite a bit of caffeineto to work as quickly as you do :-)
Hi Ferdy!! I love Divi!! Thank you so much!!
thank you! very helpful!
You the best boss thanks for sharing cause I was thinking of recreating the free Affiliate theme header you shared on your tutorial
Good job
Divi!
Great! 😊
Hi Ferdy, I am following your tutorial step by step, but as I scroll the header decreases in size as I start to scroll, and makes the logo switch look weird. Do you know why this is? Now that I have created my own global header, 'Header & navigation' is no longer visible in Theme Customizer. How can I fix this?
Hi. Thank you for some fantastic tutorials. I have a question about the header in divi. I have seen your videos about it but wonder if you can make the logos different? So the main logo in the top changes to a different one when scrolling? Not the like the same one in 2 different colors, but first with a text and scrolling with a logo for example.
Sticky pin icon no longer showing up for a lot of people even after they've enabled "stick to top" in advanced options.
I want the drop down menu to be full width, horizontal su menu with sub menu items listed hamburger style.
15:30 my menu doesn't come down to the middle 🙁
Yo ferdy,
In je Nederlandse tutorial heb je het op een gegeven moment over je header sticky maken. Dat doe je via de globale header. Als ik op globale header klik dan gebeurt er niks en blijf ik gewoon op het zelfde scherm. Heb ik dan wat fout gedaan of moet het inmiddels op een andere manier?
Hey Jesse, heb je de Blocksy Companion geïnstalleerd?
@@ferdykorpershoek ja maar hij doet het nog steeds niet
I love the way Ferdy teaches, but as usual - people who are really developers skip a step for beginners. For example, I cannot get to Back End while I have Front End with Divi. When I go online to see how to do that, nothing helps me. Developers seem to always assume you know how to do stuff when you don't! I can't get Back End to show up anywhere. Only Front End. I can't change that in Divi as far as I know. The Back End step here (right from the getgo does not happen for me. It is not there. ???
Seems A lof unnecessary work for what is essentially a toy or gimmick.
your accent is too bad
I tried to get rid of it. I failed. Now I like my accent 😊