Lesson 3:
Style Your Header + Footer

Learn How To Set Up and Style Your Divi Header + Footer

Skip to the Next Lesson

Choose Your Header Format

Follow These steps:

Go to Theme Customizer.
Under Header Format, choose your Header Style.
Click Publish to Save.

Style Your Primary Menu

Follow These steps:

Go to Theme Customizer
Under Header & Navigation, select Primary Menu Bar.
Adjust the Menu Height.
Adjust the Logo Max Height.
Set your Font Styles and Colors.

Add Your Header Elements

Follow These steps:

Select the Header Elements tab.
Choose to show or not show the Search or Social Icons.
Click Save + Publish.

This step is optional if you find the search icon is taking up too much room on your Primary Menu Bar.

Capture Leads with Hello Bar

Follow These steps:

Create your free account with Hello Bar.
Follow the steps to Create a new Hello Bar.
 Adjust your Hello Bar settings to fit your website goals.
Click the instructions link to install your Hello Bar script.
Under I use WordPress, click Download to download your preconfigured plugin.
Install + activate the plugin on your website. Follow this.
Refresh your site to view your new Hello Bar.


Choose Your Footer Layout

Follow These steps:

Go to Footer.
Select the Layout tab.
Choose your favorite Column Layout.
Set your Footer Background Color.
Click Save + Publish.
Click the back arrow.

Add Your Footer Widget

Follow These steps:

Go to your Theme Customizer.
 Under Widgets, choose your Footer Area.
 Select your widgets.
 Adjust the settings.
 Click Publish to Save.

Edit Your Footer Credits

Follow These steps:

Select the Bottom Bar tab.
 Adjust each to your preferred settings.
Edit the Footer Credits with your copyright info.
Click Save + Publish.
Click the back arrow twice.

Lesson 4:
Design Your Pages + Posts
Next Lesson

Pin It on Pinterest

Share this free online guide!

Show your friends how simple it is to build a WordPress website with Divi.