I noticed when centerMode enabled, there is a 50px padding adding to the right and left side of the 'slick-list' element. However, this causes unnecessary extra white space on the left side of the first scroller-item element and the right side of the last scroller-item element. Is there a way to remove this extra whitespace?
Here's an example:
http://jsfiddle.net/ejwaibel/fjg17efL/3/
Notice the extra white space on the left side of the first slide and right side of the last slide.
You can set negative margins on the container to fix this.
Does anyone have an elegant solution?
Setting centerPadding to '0px' fixed my problem.
Setting centerPadding to '0px' fixed my problem.
Disappeared when centerPadding set to 0px and solved using centerPadding set to 1px
Most helpful comment
Setting centerPadding to '0px' fixed my problem.