Genesis Header - Overview - Know the Code

Unlock your potential with a Pro Membership

Here is where you propel your career forward. Come join us today. Learn more.

Login to your account

Skip to episode playlist

The header area on your website is compromised of the following elements:

genesis_before_header
Site Title Area – Title and Description
Header Right
genesis_after_header – by default is the Primary and Secondary menus

Let’s walk through the code and relate it to the actual web page elements.

Once upon a time, there was a developer... You! This is going to be a good story...

Episodes

Total Lab Runtime: 02:16:34

1 Lab Introductionfree 06:45
2 Genesis Header - Overviewpro 14:35
3 Detecting the Root Pagepro 14:26
4 Building the Site Title - Part 1pro 08:00
5 Building the Site Title - Part 2pro 08:33
6 Customizing the Site Titlepro 13:04
7 Styling the Site Titlepro 04:29
8 Introduction to the Custom Header Featurepro 07:31
9 Custom Header Feature in Genesis - Part 1pro 15:14
10 Custom Header Feature in Genesis - Part 2pro 10:51
11 Building the Site Descriptionpro 12:47
12 To Render or Not to Render - Header Right Sidebarpro 11:02
13 Building the Header Right Sidebarpro 08:28
14 Wrap it Upfree 00:49

Back to the lab's opening page.