Здравствуйте, имеется слайдер slick в проекте, проект рабочий, сменить слайдер на другой не получится, как разместить активный слайд по центру, а не слева.
Если использовать centerMode то по бокам появляются части других слайдов, как это можно реализовать?

Код:
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: false,
arrows: false,
focusOnSelect: true,
// centerMode: true
});