カラーミーbxsliderの複数画像表示について

Question

お世話になります。

こちらのページ（https://shop.marianaocean.com/）にbxsliderを用いたスライドショーを２つ入れたいのですが、２つめのライドショーに複数枚の画像を表示させるコード「slideWidth、minSlides、maxSlides、moveSlides」の記述を追記すると崩れてしまいます。ご教授いただけましたら幸いです。

＜やりたいこと＞
・画像をPC画面では４つ表示、スマホ画面では２つ横並び表示
・１枚ずつスライド
・PC画面での１枚の画像サイズは現状と同じでよいが、スマホでは半分くらいのサイズにしたい
です。


複数枚の画像を表示させるコードは、下記のサイトを参考にしています。
※bxSliderのカルーセルに必要なオプション設定、「複数枚の画像を常に表示するタイプのカルーセルにカスタマイズしたいの場合に最低必要なオプションは、「slideWidth、minSlides、maxSlides、moveSlides」です。」
▼https://stand-4u.com/plugin/bxslider.html


記述した内容は以下の通りです。
----------------------

$(document).ready(function(){
$('.slider4').bxSlider();
});




  $(document).ready(function(){
    $('#slider4').bxSlider({
    auto: true,
    pager: true,
    easing: 'easeOutBounce',
    slideWidth:300,
    minSlides:2,
    maxSlides;4,
    moveSlides:1,
    });
  });


  
  
  
  

----------------------

よろしくお願いいたします。

Answer

ECマスターズの田中です。

いただいたページに既に実装されており、
私のiPhone8にて確認したところ、
添付画像のとおり、問題なく表示されていることを確認いたしました。

具体的にどのような崩れ方をしているか、
スクリーンショットなどでお知らせいただくことはできますでしょうか。
また、崩れを確認した端末の型番など、お知らせいただきますようお願いします。###HR######IMG012dfeaf0cc128e55ff9aad4004aaea4e.jpegIMG0######BR###