Unlock your potential with a Pro Membership
Here is where you propel your career forward. Come join us today. Learn more.
.js
Media Queries
Lab: Part 2b – Navigation Sass Module – Developer’s Genesis Starter Child Theme
Video Runtime: 19:27
You will start looking at the media queries for the menu styles. We start down the direction of pulling those into the base, but then quickly realize that the .js
styles need their own partial file. You will work with Tonya through the process of thinking about how to port the styles over into the new theme. She discusses different strategies and ways of laying out the media queries within the navigation module.
Then you will begin refactoring. See if you can do this task on your own. Then work with Tonya to see different ways to refactor. This episode, although a bit long, provides you a solid walk-through of how to do refactoring.
Part of the refactoring is adding new variables for various colors and font sizes.
There’s a time to code and …. yup, that sums it up.
Episodes
Total Lab Runtime: 00:55:07
- 1 Lab Introductionfree 01:14
- 2 .js Media Queriespro 19:27
- 3 Base Stylespro 12:34
- 4 Primary and Secondary Navigationpro 04:46
- 5 Accessible Navigation Stylespro 08:55
- 6 Pagination Stylespro 08:11