Проблема с bxSlider

столкнулся с такой проблемой, есть слайдер он на всю высоту экрана мобильных версий. Проблема конкретно в том, что слайдер не даёт скролить страницу вообще никак. Буду признателен за помощь, просто переделывать будет долго, так как блок уже натянут на движок Wordpress.

Вот скрипт:

var animationDuration = 3900;
if ($('.banner-slider ul').length) {
  $('.banner-slider ul').bxSlider({
    pagerCustom: '.slider-nav ul',
    controls: true,
    minSlides: 1,
    auto: true,
    maxSlides: 1,
    pause: animationDuration,
    speed: 500,
    onSlideAfter: function($slideElement, oldIndex, newIndex) {
      $('.banner-slider ul li').removeClass('active');
      $slideElement.addClass('active');
      $('.slider-nav ul li').removeClass('active');
      $('.slider-nav ul li').eq(newIndex).addClass('active');
    },
    onSliderLoad: function(currentIndex) {
      $('.banner-slider ul li').eq(currentIndex).addClass('active');
      $('.slider-nav ul li').eq(currentIndex).addClass('active');
    },
  });
}

if ($(".bxslider li:not(:hidden)").length) {
  $(".bxslider li:not(:hidden)").addClass("active-slide");
}