We working on fixing up the site so that on "desktop" (i.e. larger) screens the site still looks good. The homepage navigation is another thing that gets a littler ridiculously large on desktop. So instead of doing that, we shift it over to the right side exposing a space on the left.

We take the opportunity to talk about media queries and nesting in Sass, and even taking that step further and using a custom @mixin for handling them smartly.


  1. Leiv Reed
    Permalink to comment#

    Hi! Thanks for this amazing tut! Have you done the part where you hook up the slide color with the NAV-elements, changing the color of the menu according to the color you specified in the slider custom fields?

  2. Eoin Leonard
    Permalink to comment#

    So much in this series is completely new to me (codekit/sass/wp custom stuff). Chris gives a good overview of the concepts and makes it understandable. I’m excited to dig into it in practice. Thanks for doing this Chris

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences like this:

  function example() {
    element.innerHTML = "<div>code</div>";

We have a pretty good* newsletter.