Part 2c – Header Sass Module – Developer’s Genesis Starter Child Theme

In Part 2c, you will finalize the Header Sass module, which encompasses the site-header area including the site title, site description, and, if configured, the header right area. You’ll migrate in the media queries, assign variables to make it easy to customize, and refactor it further to remove redundancies and clean it up.

Prerequisites

This hands-on lab is Part 2c of a multi-part “Let’s Build a Custom Developer’s Genesis Starter Child Theme” series. Before you do this lab, make sure that you have completed:

• Part 1 – Introduction to Modularity
• Part 2a – Modular CSS Using Sass
• Part 2b – Navigation Sass Module

To learn more about this series and each of the parts, see the main lab found here. It also includes all of the prerequisites that you will need to build this theme.

What to Do Next?

4 Episodes
00:21:58 Runtime

Part 2d – Footer Sass Module – Developer’s Genesis Starter Child Theme

In Part 2d, you will finalize the Footer Sass Module, which includes the footer widgets and site footer components. Just like with the other Part 2 labs, you'll migrate in the media queries, assign variables to make it easy to customize, and refactor it further to remove redundancies and clean it up. Then at the end, let's commit the changes to GitHub.

Learn more

Check out the Genesis Theming Framework for more hands-on labs, insights, Docx, and more.

Check out the series page for more labs: Let’s Build a Custom Developer’s Genesis Starter Child Theme