Customizing Footer & Header
You will learn how to customize the global header and footer in Divi, ensuring your branding, navigation, and important links appear consistently across all pages.
Scripture
Psalm 90:17 (HCSB) – “Let the favor of the Lord our God be on us; establish for us the work of our hands—establish the work of our hands!”
→ Tie-in: The header and footer are part of the foundation of a website. Just like a house has a strong frame, these elements keep the site organized and professional.
Purpose of Headers & Footers
-
- Header:
- Usually contains logo, navigation menu, search bar, and sometimes CTAs.
- Footer:
- Often includes contact info, quick links, legal pages, and copyright.
- Importance:
- Consistency across all pages.
- Easy navigation.
Branding reinforcement.
Editing the Header in Divi
- Live demo:
- Go to Divi Theme Builder.
- Create or edit a Global Header.
- Add logo, navigation menu, and optional elements like a button or search bar.
Adjust styling to match branding (colors, fonts, spacing).
Editing the Footer in Divi
- Live demo:
- Create or edit a Global Footer in Theme Builder.
- Add text module for copyright (e.g., “© 2026 Your Site Name. All Rights Reserved.”).
- Add a menu module for quick links.
- Add social media icons module.
- Match colors and fonts to branding guide.
Discuss placement of legal pages like Privacy Policy & Terms of Service.
Class Activity – Build Your Header & Footer
- Students:
- Edit their global header to include logo, navigation, and any desired extras.
- Customize their footer with quick links, contact info, and social icons.
Ensure styling is consistent with the rest of their site.
Homework
- Finalize your global header and footer.
- Test them on all pages to ensure they appear correctly and look consistent.
Add any missing legal or contact links to your footer.