Necesito agregar una clase personalizada en el control deslizante pulido cuando excede el recuento de diapositivas (3) en el dispositivo móvil para poder cambiar el relleno de la navegación de diapositivas cuando se muestra en el dispositivo móvil con más de 3 diapositivas. en el escritorio estoy usando slidesToShow: maxItems para calcular los elementos en el escritorio y mostrarlos todos a la vez.

aquí está mi código pulido.

 $('.bundleTitleCarousel').slick({ slidesToShow: maxItems, slidesToScroll: 1, accessibility:false, draggable: false, asNavFor: '#bundle-lp-product-slider', dots: false, arrows: false, infinite: false, waitForAnimate: false, focusOnSelect: true, centerPadding:'0px', mobileFirst:true, responsive: [ { breakpoint: 767, settings: { slidesToShow: maxItems, slidesToScroll: 1 } }, { breakpoint: 320, settings: { slidesToShow: 3, slidesToScroll: 1 } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] });