Как зафиксировать маленькое меню в slick slider?

Как зафиксировать маленькое меню в slick slider? При нажатии на стрелки или тач прокрутки большего слайдера маленькое начинает уезжать за пределы слайдера. Надо чтобы при прокрутки большего маленькое оставалось на своем месте.

$('.pup-up-slider-big').slick({
  arrows:true,
  slidesToShow: 1,
  slidesToScroll: 1,
  fade: true,
  asNavFor: '.pup-up-slider-little'
});
$('.pup-up-slider-little').slick({
  slidesToShow: 5,
  slidesToScroll: 5,
  asNavFor: '.pup-up-slider-big',
  focusOnSelect: true
});

<div class="pup-up-slider-big">
                <img src="img/pup-up/1/silid1.jpg" alt="">
                <img src="img/pup-up/1/silid2.jpg" alt="">
                <img src="img/pup-up/1/silid3.jpg" alt="">
                <img src="img/pup-up/1/silid3.jpg" alt="">
                <img src="img/pup-up/1/silid3.jpg" alt="">
              </div>
              <div class="pup-up-slider-little">
                <img src="img/pup-up/1/silid1.jpg" alt="">
                <img src="img/pup-up/1/silid2.jpg" alt="">
                <img src="img/pup-up/1/silid3.jpg" alt="">
                <img src="img/pup-up/1/silid3.jpg" alt="">
                <img src="img/pup-up/1/silid3.jpg" alt=""> 
              </div>
            </div>