Divi Theme Create Global Headers And Assign Custom Headers To Pages
ฝัง
- เผยแพร่เมื่อ 2 ส.ค. 2024
- How to create and add global and custom headers using the Divi Theme. In this video we will be showing how to design this feature and how to assign a cusom header to any page. Today we will be demonstrating how to create this feature using the inbuilt features of the Divi Theme.
So follow along with this video to see how to do this with your site.
In this video we will cover:
Creating A Global Header.
Creating A Full Width Row.
Adding A Logo And Tagline.
Adding The Menu.
Adding A Countdown Timer.
Adding A Button.
Blending Image And Color Backgrounds.
Saving To The Divi Library.
Crerating A Custom Header.
Assigning A Custom Header to A Specific Page.
Join us in this series of videos where we explore the fantastic effects you can achieve with the Divi theme. With its versatile modules and effects, you can create eye-catching visuals that enhance the look and user experience of your website.
Using custom global headers with the Divi theme offers several benefits to website designers and developers. Firstly, it provides enhanced branding opportunities by allowing users to create unique headers that align with their brand's visual identity. Customization options such as colors, fonts, logos, and layout help establish a consistent brand experience. Secondly, global headers simplify the website creation process by enabling users to apply header settings universally across multiple pages, saving time and effort. This ensures a cohesive and professional look throughout the entire website. Additionally, custom global headers enhance user experience by enabling designers to create intuitive navigation systems, improving site usability and user engagement. In summary, custom global headers in Divi empower designers to personalize websites, strengthen branding, and optimize user experience.
THEMES AND PLUGINS USED IN THESE VIDEOS:
Try out the Divi theme: bit.ly/TryDiviNow
Divi Supreme Modules Pro Plugin 10% Off: bit.ly/DiviSupremeCoupon
Divi Supreme Modules Light Plugin: bit.ly/SupremeFreeVersion
Lottie Files: lottiefiles.com/
MY TH-cam PLAYLISTS:
Divi Supreme Modules Playlist: / watch
v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw
Playlist page for more videos on this: / system22net
Full Ecommerce Site Build Playlist: / watch
v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9
Contact Form With File Upload Video: • Divi Theme Contact For...
Divi 4 Theme Create An Ecommerce Store In One Hour: • Divi 4 Theme Create An...
Check out our playlist page for more videos on this: / system22net
Sub: / @system22
CHAPTERS
00:00 Introduction
01:03 Creating A Global Header.
02:21 Creating A Full Width Row.
02:59 Adding A Logo And Tagline.
06:16 Adding The Menu.
08:09 Adding A Countdown Timer.
12:47 Adding A Button.
18:03 Blending Image And Color Backgrounds.
24:13 Crerating A Custom Header.
27:50 Assigning A Custom Header to A Specific Page.
RECOMMENDED PLAYLISTS
Elementor Ecommerce Store: • Elementor Ecommerce St...
Divi Snippets: • Divi 4 Snippets Divi T...
Divi 4 Ecommerce Store: • Divi 4 Ecommerce Store...
Bootstrap 4 Basics: • Bootstrap 4 Basics Ind...
Elementor: • Elementor Wordpress Bu...
WordPress Tips: • Wordpress 2020 Theme C...
Subscribe: / @system22
Disclaimer: Some of these links are affiliate links where I'll earn a small commission if you make a purchase at no additional cost to you.
#TH-camTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite #Divi #Elementor - แนวปฏิบัติและการใช้ชีวิต
Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists
Sub: th-cam.com/channels/Yeyetu9B2QYrHAjJ5umN1Q.html
Don't forget to drop any questions below, I will do my best to answer or make a video demo for you!
I just bought DIVI recently, and for the header, trying to do a double stack. Meaning where I have items on top of the main header. Been working alright, but been struggling with getting things resized properly. I am going to try tomorrow morning doing it the way you did to resize and move things. I appreciate the video. I subscribed and will check more of the channel out tomorrow.
Glad to help @georgelbeale - Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists
Great tutorial but on my side it doesn't work on tablet/mobile view: 3 x modules Logo, Hamburger menu & Button looks great on desktop but appear stacked centered from top to bottom (Logo on top, hamburger menu in the middle and button at the bottom) Hamburger menu should be on the right and button at the bottom. Not sure why?
This should help: th-cam.com/video/7ObjNlh9zu8/w-d-xo.html
Hi Jamie...just a quick question please. Is it possible to add a button the standard Divi Header or must I do my own custom global header to be able to add a button module? Thanks :-)
Yes, you need to add a global header, it's really easy. This video may help: th-cam.com/video/yLB5SQJWS_U/w-d-xo.html
You are the best Jamie. Thank you so much for your incredible content. I love your CSS videos 🎉
Glad to help @paybudvideos5033 - Check out our Simple CSS playlist for more videos on this: th-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!