smartphone page programme

web/themes/custom/popsu/css/styles.css

@@ -1274,6 +1274,15 @@ iframe {
 .layout__region--bottom {
   grid-column: 1 /span 3; }
 
+@media print, screen and (max-width: 39.99875em) {
+  #leaflet-map-view-projets-block-2 {
+    max-height: 400px !important; }
+  .layout__region--second {
+    grid-column: 1 /span 3;
+    padding: 0 5%; }
+  .layout__region--third {
+    grid-column: 1 /span 3; } }
+
 /*pages*/
 .header_top_middle_container .programme-1 .views-field-field-programme .field-content {
   background: #61ab32; }
@@ -2691,6 +2700,7 @@ article p, .paragraph p {
   background: #28429f !important; }
 
 .page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-image {
+  background: transparent !important;
   height: 20rem; }
   .page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-image img {
     width: 100%; }
@@ -2823,9 +2833,11 @@ article p, .paragraph p {
         text-decoration: underline; }
 
 .page-node-type-programme .block-region-third {
-  margin-top: -7rem;
   z-index: 20;
   position: relative; }
+  @media print, screen and (max-width: 39.99875em) {
+    .page-node-type-programme .block-region-third {
+      margin-top: 1rem; } }
   .page-node-type-programme .block-region-third #evenements-block_1 {
     background-color: black;
     margin-bottom: 3rem; }
@@ -2977,7 +2989,7 @@ article p, .paragraph p {
   .page-node-type-programme .block-region-bottom h2 {
     text-align: center; }
   .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-slide {
-    margin: 0 1rem; }
+    margin: 0 0; }
   .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-arrow {
     position: absolute;
     height: 100%;

web/themes/custom/popsu/lib/script.js

@@ -51,6 +51,14 @@ $(function(){
 			slidesToScroll: 1,
 			centerMode: true,
 			centerPadding: '200px',
+			responsive: [
+				{
+					breakpoint: 800,
+					settings: {
+						centerPadding: '0',
+						adaptiveHeight: true
+					}
+				  }]
 		});
 	}
 	
@@ -60,6 +68,15 @@ $(function(){
 		centerMode: false,
   		centerPadding: '60px',
 		infinite: false,
+		responsive: [
+			{
+				breakpoint: 800,
+				settings: {
+					slidesToShow: 2,
+  					slidesToScroll: 1,
+					centerPadding: '0',
+				}
+			  }]
 	});
 
 	if($(".path-actus").length > 0){

web/themes/custom/popsu/sass/pages/_programme.scss

@@ -76,6 +76,7 @@
         .views-row{
             // margin-top: 2rem;
             .views-field-field-image{
+                background: transparent !important;
                 height: 20rem;
                 img{
                     width: 100%;
@@ -279,10 +280,12 @@
 
     }
     .block-region-third{
-        margin-top: -7rem;
+       
         z-index: 20;
         position: relative;
-       
+        @include breakpoint(small down) {
+            margin-top: 1rem;
+        }
         #evenements-block_1{
             background-color: black;
             margin-bottom: 3rem;
@@ -495,7 +498,7 @@
         }
         #centre_de_ressources-block_2{
             .slick-slide{
-                margin: 0 1rem;
+                margin: 0 0;
             }
             .slick-arrow{
                 position: absolute;

web/themes/custom/popsu/sass/setup/_layouts.scss

@@ -4,8 +4,22 @@
     column-gap: 3rem;
     row-gap: 1rem;
     position: relative;
+  
 }
 
 .layout__region--bottom{
     grid-column: 1 /span 3;
+}
+@include breakpoint(small down) {
+    #leaflet-map-view-projets-block-2{
+        max-height: 400px !important;
+    }
+    .layout__region--second{
+        grid-column: 1 /span 3;
+        padding: 0 5%;
+    }
+    .layout__region--third{
+        grid-column: 1 /span 3;
+        // padding: 0 3%;
+    }
 }