Уезжают слайды в навигации, как исправить?

Question

[Дмитрий]

Сделал два параллельных слайдера для навигации, как надо:

<div id="popup" class="popup">
	<a href="javascript:void(0)" class="popupclose">X</a>
	<div class="pojpopimagesslid">
		<div><img src="<?php echo get_template_directory_uri() ?>/img/picturebig.jpg" alt="picbig"></div>
		<div><img src="<?php echo get_template_directory_uri() ?>/img/manl.png" alt="picbig"></div>
		<div><img src="<?php echo get_template_directory_uri() ?>/img/manr.png" alt="picbig"></div>
	</div>
	<div class="pojpopimagesslidnav">
		<div><img src="<?php echo get_template_directory_uri() ?>/img/picturebig.jpg" alt="picbig"></div>
		<div><img src="<?php echo get_template_directory_uri() ?>/img/manl.png" alt="picbig"></div>
		<div><img src="<?php echo get_template_directory_uri() ?>/img/manr.png" alt="picbig"></div>
	</div>
	<p class="popuptext">текст</p>
</div>

$(".openprojpoplink").click(function(){
	$(".popup").show();
	$(".pojpopimagesslid").slick({
		slidesToShow: 1,
		slidesToScroll: 1,
		arrows: true,
		asNavFor: '.pojpopimagesslidnav',
	});
	$(".pojpopimagesslidnav").slick({
		slidesToShow: 3,
		slidesToScroll: 1,
		asNavFor: '.pojpopimagesslid',
		focusOnSelect: true,
		arrows: false,
		centerMode: true
	});
});
$(".popupclose").click(function(){
	$(".popup").hide();
});

Но при прокрутке верхнего слайдера, что вправо что влево, нижний тоже едет непонятно как:




Мне нужно, чтобы нижний слайдер вообще не ехал.
Если надо, то это всё находится здесь - infovs51.beget.tech/projects

Answer 1

[Sagrana]

Мне помогло transform: none!important; для .slick-track у слайдера-навигации.
В вашем случае будет

.pojpopimagesslidnav .slick-track {
  transform: none!important;
}

Это костыль, но он работает)))

Comments

[Дмитрий]

Огромное спасибо, помогло))

[Станислав Шабалин]

Та же фигня. Другого решения не нашел и место, где подправить. Пришлось заимствовать "Ваш костыль" )) Спасибо

[senji84]

Помогло! Спасибо)