mobile

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;