Настройка слайдера - please help

Добрый день. Во-первых, выражаю благодарность автору ресурса и сообществу за полезную информацию. По существу вопроса: При помощи данного сайта я создал фотогалерею на основе fancybox; Используя другой урок, я постарался разместить на странице своего сайта слайдер, который содержал бы фотографии, при нажатии на которые, открывалась бы фотогалерея. Всё на первый взгляд работает, но возникло одно "но", а именно: слайдер имеет кнопки прокрутки (вправо и влево); если, кликнув на первой фотографии из слайдера, я перепрыгну на пятую посредством самой галереи, то кнопки навигации слайдера перемещаются. Как это исправить? Извините за сумбур. В принципе я понимаю, что дело в настройках ширины контейнера, поскольку кнопки перепрыгивают к активированной фотке, но где это исправить я найти затрудняюсь. Код элемента слайдера такой:

<div class="slider__item">
<div class="col-4 thumb"><span class="image fit">
<a title="*******" data-fancybox="images" data-caption="******" href="images/catalog/001.jpg"><img class="img-fluid" src="images/catalog/101_small.jpg" alt="">
</a>
</span>
</div>
</div>

• 01.jpg