fixed width slides with slick carousel

Question

Is there that this can be achieved ie so that the slides don't adjust in width depending on viewport size: My example is here:

http://machinas.com/wip/hugoboss/responsive-template/v4/

And the code is as follows:

$('.main-slider').slick({
         centerMode: true,
        centerPadding: '0px',
        slidesToShow: 3,
        dots: true,
         speed: 1200,
         slidesToScroll: 1,
          infinite: true,
          customPaging: function(slick,index) {
                return $('.thumbnails').eq(index).find('img').prop('outerHTML');
            },
          responsive: [
            {
              breakpoint: 640,
              settings: {
                arrows: false,
                dots: true,
                centerMode: false,
                slidesToShow: 1,
                customPaging: function(slick,index) {
                    return '<button type="button" data-role="none">' + (index + 1) + '</button>';
                  }
              }
            }
          ]
});

Answer 1

You can use the variable width setting. This tells slick to let your css do the work:

variableWidth: true

Answer 2

If you set variableWidth to true, make sure you do not use the slidesToShow setting, or the slider will not advance.