title: Slick slider sync situation
body: <p>I'm using slick's "Slider Syncing" feature, and if slidesToShow == the total number of slides, the .slick-current class in the nav is <strong>not</strong> shifted when the top carousel is slid.</p>
  
  <p>Here's the html:</p>
  
  <pre><code>&lt;div class="slider slider-for"&gt;
      &lt;div&gt;1&lt;/div&gt;
      &lt;div&gt;2&lt;/div&gt;
      &lt;div&gt;3&lt;/div&gt;
      &lt;div&gt;4&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="slider slider-nav"&gt;
      &lt;div&gt;&lt;p&gt;1&lt;/p&gt;&lt;/div&gt;
      &lt;div&gt;&lt;p&gt;2&lt;/p&gt;&lt;/div&gt;
      &lt;div&gt;&lt;p&gt;3&lt;/p&gt;&lt;/div&gt;
      &lt;div&gt;&lt;p&gt;4&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's the relevant js:</p>
  
  <pre><code>jQuery('.example2 .slider-for').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    asNavFor: '.example2 .slider-nav'
  }); 
  jQuery('.example2 .slider-nav').slick({
    slidesToShow: 4,
    slidesToScroll: 1,
    asNavFor: '.example2 .slider-for',
    centerMode: false,
    focusOnSelect: true
  });
  </code></pre>
  
  <p>jsFiddle demonstrating the problem is here: <a href="http://jsfiddle.net/xd2h934n/" rel="nofollow">http://jsfiddle.net/xd2h934n/</a></p>
  
  <p>How can I get the .slick-current class to be moved in this case?</p>