]> _ Git - ccv-wordpress.git/commitdiff
Fix problem with home page slider responsive behaviour. WIP #3053 @0.25
authorStephen Cameron <stephen@cubedesigners.com>
Thu, 16 Apr 2020 07:12:23 +0000 (09:12 +0200)
committerStephen Cameron <stephen@cubedesigners.com>
Thu, 16 Apr 2020 07:12:23 +0000 (09:12 +0200)
wp-content/themes/CCV/resources/views/widgets/link-carousel.blade.php

index a12f2afc81bbeb81f9404995feb9d4607e785529..7e39f568c4694bc8a9a12ae7a55896e10fd24c84 100644 (file)
@@ -1,17 +1,17 @@
 {{-- LINKS CAROUSEL --}}
 @php
   $settings = [
-    'slidesPerView' => 4,
+    'slidesPerView' => 1, // Default for smallest screens
     'loop' => true,
     'breakpoints' => [
-        1200 => [
-          'slidesPerView' => 3
+        500 => [
+          'slidesPerView' => 2 // 500px -> 767px
         ],
         768 => [
-          'slidesPerView' => 2
+          'slidesPerView' => 3 // 768px -> 1199px
         ],
-        499 => [
-          'slidesPerView' => 1
+        1200 => [
+          'slidesPerView' => 4 // >= 1200px
         ],
     ],
     'navigation' => [