mobile

user/themes/epau-antimatter/css-compiled/template.css

@@ -965,12 +965,10 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 
 .programmes {
   justify-content: center;
-  padding-top: 8rem;
-  padding-bottom: 8rem; }
+  padding-top: 8rem; }
   .programmes .slick-list {
     width: 70%;
-    margin: auto;
-    padding: 0px 150px !important; }
+    margin: auto; }
     .programmes .slick-list .slick-slide {
       width: min-content; }
 
@@ -1762,6 +1760,28 @@ h1 {
   padding: 0;
   border: none;
   outline: none; }
+  .slick-prev:hover, .slick-prev:focus,
+  .slick-next:hover,
+  .slick-next:focus {
+    outline: none;
+    background: transparent;
+    color: transparent; }
+    .slick-prev:hover:before, .slick-prev:focus:before,
+    .slick-next:hover:before,
+    .slick-next:focus:before {
+      opacity: 1; }
+  .slick-prev.slick-disabled:before,
+  .slick-next.slick-disabled:before {
+    opacity: 0.25; }
+  .slick-prev:before,
+  .slick-next:before {
+    font-family: "slick";
+    font-size: 50px;
+    line-height: 1;
+    color: white;
+    opacity: 0.75;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale; }
 
 .slick-prev {
   left: 100px; }
@@ -1890,7 +1910,7 @@ h1 {
 
 .slick-slide {
   float: left;
-  height: 50vh;
+  height: fit-content;
   min-height: 1px;
   display: none; }
   [dir="rtl"] .slick-slide {

user/themes/epau-antimatter/js/antimatter.js

@@ -200,13 +200,13 @@ jQuery(document).ready(function($){
             // centerPadding: '100px',
             responsive: [
               {
-                breakpoint: 810,
+                breakpoint: 800,
                 settings: {
                   slidesToShow: 1,
-                  adaptiveHeight: true,
+                  centerPadding: '0',
                   arrows: true,
-                  draggable: true,
                   centerMode: true,
+                  swipeToSlide: true,
                 }
               }]
           });

user/themes/epau-antimatter/scss/template.scss

@@ -71,4 +71,5 @@
 
 // @import "template/slick_custom";
 @import "template/slick-theme";
+
 @import "template/slick";

user/themes/epau-antimatter/scss/template/_custom.scss

@@ -264,19 +264,25 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   // padding-left: 5%;
   // padding-right: 5%;
   padding-top: 8rem;
-  padding-bottom: 8rem;
+  // padding-bottom: 8rem;
+  // max-height: 100vh;
 
 
   .slick-list{
+    // max-height: 100vh;
+    // display: inline-block;
     width: 70%;
     margin: auto;
-    padding: 0px 150px !important;
+    // padding-top: 150px;
+    // padding: 0px 150px !important;
     .slick-slide{
       width: min-content;
 
     }
+    // .slick-track{
+    //   max-height: 100vh ;
+    // }
   }
-  
 
 }
 

user/themes/epau-antimatter/scss/template/_slick-theme.scss

@@ -80,27 +80,27 @@ $slick-opacity-not-active: 0.25 !default;
     padding: 0;
     border: none;
     outline: none;
-    // &:hover, &:focus {
-    //     outline: none;
-    //     background: transparent;
-    //     color: transparent;
-    //     &:before {
-    //         opacity: $slick-opacity-on-hover;
-    //     }
-    // }
-    // &.slick-disabled:before {
-    //     opacity: $slick-opacity-not-active;
-    // }
-    // &:before {
-    //     font-family: $slick-font-family;
-    //     font-size: 50px;
+    &:hover, &:focus {
+        outline: none;
+        background: transparent;
+        color: transparent;
+        &:before {
+            opacity: $slick-opacity-on-hover;
+        }
+    }
+    &.slick-disabled:before {
+        opacity: $slick-opacity-not-active;
+    }
+    &:before {
+        font-family: $slick-font-family;
+        font-size: 50px;
 
-    //     line-height: 1;
-    //     color: $slick-arrow-color;
-    //     opacity: $slick-opacity-default;
-    //     -webkit-font-smoothing: antialiased;
-    //     -moz-osx-font-smoothing: grayscale;
-    // }
+        line-height: 1;
+        color: $slick-arrow-color;
+        opacity: $slick-opacity-default;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+    }
 }
 
 .slick-prev {

user/themes/epau-antimatter/scss/template/_slick.scss

@@ -63,7 +63,8 @@
 }
 .slick-slide {
     float: left;
-    height: 50vh;
+    // height: 50vh;
+    height: fit-content;
     min-height: 1px;
     [dir="rtl"] & {
         float: right;