Mobilde Slideri 1 e düşürme nasıl yapılır

Merhabalar,bir tema yapıyorum ama masa üstünde 5 li alan oluşturdum.Bunun mobile geçtiğinde 1 e düşmesini istiyorum.Bunu nasıl yapabilirim?

Tema adresi : https://mavip1.blogspot.com/

En üstteki 5 li alanı mobilde 1 e düşürmek istiyorum.

Kullandığım slider kodu : https://codepen.io/KPend/pen/zweXBK

CSS ile ekran boyutu mobile düştüyse display none yapın veyahut Js ile mobil cihaza geçilip geçirmediğini dinleyin eğer geçilirse eleman'ı gizlemeniz yeterli olacaktır.
CSS için buna göz atın
Js için de buna bakın

Hocam css ile yaptım fakat bozuluyor. JS'den de hiç anlamıyorum o yüzden deneme yanılma ile birşeyler yapıyorum ama olmuyor malesef.

Hocam JS ile yapsanız bile ek olarak CSS te gerekebilir. Çünkü ilk item harici diğerlerini silerseniz ve none yapınca yapı bozuluyorsa CSS'lede düzeltmek lazım. Yine de tek başına CSS ile düzelmesi lazımdı aslında. Şuanda detaylı inceleme şansım olmadı maalesef

Js kodları içerisinde item sayısını burada vermişler. js ile ekran genişliğini alıp ufak bir koşul ile mobilde 1 masaüstünde 5 olarak ayarlanabilir.

Hocam şidmi js de 5 li olması için items: 5, yaptım bunu mobilde 1 yapmak lazım.Yani css kodlarını js otomatik veriyor.Css ile müdahale ettiğimde 1 e düşürüyor ama bozuluyor.

Js koduna Get Screen Size başlığı altındaki koşulu ekleyin. Kullandığınız sliderın What user can do kısmında items ' i koşulda belirlediğimiz item sayısını verin. Çalışır.

Güzel. O kısmın kod parçacığını atın isterseniz. Onu 1 e düşürmek basit yani

$(".meme-slider-3").memeSlider({
infinity: false,
autoPlay: false,
items: 5,
onSlideChangeStart: function () {
console.log("onSlideChangeStart Fired");
}
});