I have a Slick carousel centered using the method described [here][1].

However, the layout breaks if there is a hidden carousel item:

<div class="slider">
  <div class="hidden"><h3>H</h3></div>
  <div><h3>1</h3></div>
  <div><h3>2</h3></div>
  <div><h3>3</h3></div>
</div>

https://jsfiddle.net/yo58wkt3/

I wish I could change the HTML but the structure is needed by another plugin.