Why does slick slider work like this?

Question

Slick

Hey!
Someone met with the work of this slider?
Work example

$slick.slick({
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    fade: true,
                    prevArrow: '<a href="javascript:void();" class="b-slider-blog__carousel-control b-slider-blog__carousel-control--left carousel-control left"></a>',
                    nextArrow: '<a href="javascript:void();" class="b-slider-blog__carousel-control b-slider-blog__carousel-control--right carousel-control right"></a>',
                    asNavFor: '.js-blog-slider-nav',
                });

                $('.js-blog-slider-nav').slick({
                    slidesToShow: 12,
                    slidesToScroll: 1,
                    asNavFor: '.js-blog-slider-for',
                    dots: false,
                    arrows: false,
                    centerMode: true,
                    focusOnSelect: true,
                    infinite: false
                    // variableWidth: true
                });

Maybe something is wrong in the settings?