title: Slick Slider slidesToScroll
body: <p>I'm using slick slider to display 5 blocks of information. I've built it so on large screens the slider doesn't actually slide. Rather it just displays the blocks like floated divs. What I'd like to do on on mobile devices less than 768 picks is display some of the blocks and let the user swipe across to see all of it if they choose. Where I'm running trouble is that on mobile devices, I wrote slidesToScroll to be 1, where instead it seems to ignore the breakpoint I've written: </p>
  
  <pre><code>    $(".xb-reg").slick({
   dots: false,
   infinite: false,
   slidesToScroll: 2,
   variableWidth: true,
   autoplay: false,
   autoplaySpeed: 2000,
        responsive: [
             {
                  breakpoint: 768,
                  settings: {
                       slidesToScroll: 1
                  }
             }
        ]
  });
  </code></pre>
  
  <p>Here's my html:</p>
  
  <pre><code>&lt;div class="slider-container"&gt;
    &lt;div class="xb-reg slider"&gt;
      &lt;div class="tkr"&gt;
        Info Block 1
      &lt;/div&gt;
      &lt;div class="tkr"&gt;
        Info Block 2
      &lt;/div&gt;
      &lt;div class="tkr"&gt;
        Info Block 3
      &lt;/div&gt;
      &lt;div class="tkr"&gt;
        Info Block 4
      &lt;/div&gt;
      &lt;div class="tkr"&gt;
        Info Block 5
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>