Слайдер миниатюр с использованием slick.js с искаженным положением

Question

Я работаю над слайдером миниатюр, используя slick.js.С ползунками работает нормально, но расположение искажено.Пытался правильно перестроить его, но был поражен при выборе места для выбора.

`https://codepen.io/isarathk/pen/JaBoaR`

Answer 1

Поработав некоторое время с Slick Sliders, я наконец выполнил требование. Ссылка codepen была размещена ниже для справки.

Мы можем использовать два ползунка с включенным атрибутом asNavFor, который добавляет функциональность одного движения ползунка к другому, пока отображается навигация для обоих ползунков.

Ссылка на кодовый указатель, приведенная в вопросе, была изменена вместе с ответом для справки.