header mobile

web/themes/custom/colloque2024/css-compiled/index.css

@@ -1003,7 +1003,11 @@ header {
     padding-left: 40px; }
     @media screen and (max-width: 300px) {
       header .row {
-        padding-left: 20px; } }
+        padding-left: 20px;
+        flex-wrap: nowrap; } }
+    @media screen and (max-width: 550px) {
+      header .row {
+        flex-wrap: nowrap; } }
     header .row #block-colloque2024-logorepublique, header .row #block-colloque2024-logoepau {
       max-height: inherit; }
       header .row #block-colloque2024-logorepublique > div, header .row #block-colloque2024-logoepau > div {
@@ -1020,6 +1024,10 @@ header {
               header .row #block-colloque2024-logorepublique > div a img, header .row #block-colloque2024-logoepau > div a img {
                 width: 100px;
                 object-fit: contain; } }
+            @media screen and (max-width: 550px) {
+              header .row #block-colloque2024-logorepublique > div a img, header .row #block-colloque2024-logoepau > div a img {
+                width: 100px;
+                object-fit: contain; } }
       header .row #block-colloque2024-logorepublique.is-active, header .row #block-colloque2024-logoepau.is-active {
         z-index: 10000; }
     header .row #block-colloque2024-logoepau {
@@ -1765,7 +1773,8 @@ https://flickity.metafizzy.co
 
 section article.thumbnails.programme {
   border: 1px solid #6f6d7dff;
-  width: calc(100% / 4 - 0.5rem * 2); }
+  width: calc(100% / 4 - 0.5rem * 2);
+  overflow: hidden; }
   section article.thumbnails.programme:hover {
     border: none;
     box-shadow: none;

web/themes/custom/colloque2024/css/components/header/header.scss

@@ -7,8 +7,12 @@ header{
     padding-left: 40px;
     @media screen and (max-width: 300px) {
       padding-left: 20px;
-
+      flex-wrap: nowrap;
     }
+    @media screen and (max-width: 550px) {
+      flex-wrap: nowrap;
+    }
+
     #block-colloque2024-logorepublique, #block-colloque2024-logoepau{
       max-height: inherit;
       
@@ -26,6 +30,10 @@ header{
               width: 100px;
               object-fit: contain;
             }
+            @media screen and (max-width: 550px) {
+              width: 100px;
+              object-fit: contain;
+            }
           }
         }
       }

web/themes/custom/colloque2024/css/configs/var.scss

@@ -14,3 +14,11 @@ $croix_or: '../images/croix_filetsable.svg';
 $picto_dl: '../images/douwnload.svg';
 
 $letter_spacingH: 0.1rem;
+
+
+
+$header-height : 125px;
+$header-height-pad : 110px;
+$header-height-small : 70px;
+$header-height-ultrasmall : 50px;
+$width-menu-slidedown : 550px;