Настройка слайдера - 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>