The slider works! But it's not placed quite exactly as we have designed in our Photoshop file. We need more room below it to expose more of the main navigation.

In this screencast we dig into the CSS that comes with the slider and clean house! Some of the sizing and positioning we also do in the JavaScript in the settings we pass the the plugin.

Comments

  1. JoeShmoe
    Permalink to comment#

    Dunno what you ended up doing with the 44px top margin issue, but why didn’t you do a Search in Project for “44px”? It probably is part of the main .js for the slider…

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:

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

We have a pretty good* newsletter.