diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js index 2e565cd5..30c33579 100644 --- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js +++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js @@ -160,7 +160,7 @@ new Vue({ accessibility: false, // This is a hack to avoid a slick carousel bug. see: https://github.com/kenwheeler/slick/issues/1407#issuecomment-325228683 mobileFirst: true, infinite: false, - slidesToShow: 1.25, + slidesToShow: 1.15, slidesToScroll: 1, arrows: false, dots: false, @@ -175,15 +175,21 @@ new Vue({ } }, { - breakpoint: 830, + breakpoint: 992, settings: { slidesToShow: 2.75, } }, { - breakpoint: 480, + breakpoint: 640, settings: { - slidesToShow: 2.25, + slidesToShow: 2.5, + } + }, + { + breakpoint: 384, + settings: { + slidesToShow: 1.75, } } ] @@ -196,7 +202,7 @@ new Vue({ accessibility: false, // This is a hack to avoid a slick carousel bug. see: https://github.com/kenwheeler/slick/issues/1407#issuecomment-325228683 mobileFirst: true, infinite: false, - slidesToShow: 1.25, + slidesToShow: 1.15, slidesToScroll: 1, arrows: false, responsive: [ @@ -216,9 +222,15 @@ new Vue({ } }, { - breakpoint: 768, + breakpoint: 640, settings: { - slidesToShow: 2.25, + slidesToShow: 2.5, + } + }, + { + breakpoint: 384, + settings: { + slidesToShow: 1.75, } } ]