title: Responsive: Slides disappear on resize
body: <p>I'm using responsive breakpoints in my slide. On small screens, I'm showing 1 slide at a time. On large 2 (large means smaller than <code>990</code> pixels)</p>
  
  <p>Example: I have breakpoints set to show 1 slide at a time on small screens and I disable the <code>slider</code> in large screen's. I have <code>8</code> slides. In screen greater than <code>990</code> pixels.</p>
  
  <p>If on a small screen I navigate to slide and make the screen large again, every slide in this block disappear.</p>
  
  <p>You can check it in <a href="https://codepen.io/Onixia/pen/QrPaBP?editors=0110" rel="nofollow noreferrer"><strong>codepen</strong></a></p>
  
  <p>If I remove this part of the code</p>
  
  <pre><code>responsive: [{
                  breakpoint: 568,
                  settings: {
                      slidesToShow: 1
                  }
              }]
  </code></pre>
  
  <p>everything will work absolutely okay</p>
  
  <p>Please help anyone </p>
  
  <p>Here's my config <code>Slick slider</code></p>
  
  <pre><code>$(window).on('load', function(){
      if($(window).width() &lt; 990){
       $('.container-slick').slick({
            centerMode: true,
            infinite: true,
            prevArrow: false,
            nextArrow: false,
            speed: 200,
            slidesToShow: 2,
            slidesToScroll:1,
            autoplay:true,
              responsive: [{
                  breakpoint: 568,
                  settings: {
                      slidesToShow: 1
                  }
              }]
          });
      }
    });
  $(window).on('resize', function(){
      if($(window).width() &lt; 990){
       $('.container-slick').not('.slick-initialized').slick({
            centerMode: true,
            infinite: true,
            prevArrow: false,
            nextArrow: false,
            speed: 200,
            slidesToShow: 2,
            slidesToScroll:1,
           // if you remove from here
              responsive: [{
                  breakpoint: 568,
                  settings: {
                      slidesToShow: 1
                  }
              }]
              // to there everything will work but i need 1 slide in small screens and 2 in screens more than 568 pixels
          });
      }
      else{
        $(".container-slick.slick-initialized").slick("unslick");
      }
    });
  </code></pre>