In Part 2b, you will finish the Navigation Modules by migrating the media queries into the appropriate partial, continue refactoring, assigning variables, and more. You will also begin using Bourbon.io functions and mixins to streamline tasks such as converting pixels to rems and handling transitions.
This hands-on lab is Part 2b 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:
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.
Break. Go rest your noodle for a couple of minutes.
Total Lab Runtime: 00:55:07
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.
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