title: slickslider (unslick) responsive
body: <p>Currently using Slick Slider on a WordPress site. </p>
  
  <p>I have a slider that features 3 columns max, on a full screen - 1024px plus. On a screen size under 1024px the slider showcases 2 columns and on mobile, the slider features 1 columns. </p>
  
  <p>I have built this slider dynamic - therefore their possibilities, there will be periods, not all columns will be populated. i.e. at the screen 1024px plus, the user may have only uploaded assets for two slides, within the slider, rather than three etc. </p>
  
  <p>The issue I am having is trying to make my slider fluid, for example, if the user only uploads 1 or 2 slides - within the slider, these slides do not fill the full screen. I have tried using 'unslick' my setting for the first object. Unless I am missing from the documentation I can not find anything suitable </p>
  
  <p>Here is a snippet of my code:</p>
  
  <pre><code>$(slider).slick({
  autoplay: true,
  autoplaySpeed: 800,
  slidesToShow: 3,
  slidesToScroll: 3,
  speed: 800,
  responsive: [
      {
          breakpoint: 1024,
          settings: {
              slidesToShow: 3,
              slidesToScroll: 3,
              infinite: true,
              dots: true
          }
      },
      {
          breakpoint: 980,
          settings: {
              slidesToShow: 2,
              slidesToScroll: 2,
              prevArrow: false,
              nextArrow: false
          }
      },
   }
  </code></pre>