title: Slick slider breaks centered layout when an item is hidden
body: <p>I have a Slick carousel centered using the method described [here][1].</p>
  <p>However, the layout breaks if there is a hidden carousel item:</p>
  <pre><code>&lt;div class=&quot;slider&quot;&gt;
    &lt;div class=&quot;hidden&quot;&gt;&lt;h3&gt;H&lt;/h3&gt;&lt;/div&gt;
    &lt;div&gt;&lt;h3&gt;1&lt;/h3&gt;&lt;/div&gt;
    &lt;div&gt;&lt;h3&gt;2&lt;/h3&gt;&lt;/div&gt;
    &lt;div&gt;&lt;h3&gt;3&lt;/h3&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p><a href="https://jsfiddle.net/yo58wkt3/" rel="nofollow noreferrer">https://jsfiddle.net/yo58wkt3/</a></p>
  <p>I wish I could change the HTML but the structure is needed by another plugin.</p>