header responsive

2024-05-23 16:26:10 +02:00
parent 259340347e
commit bd643e54cb
13 changed files with 364 additions and 526 deletions
@@ -55,7 +55,7 @@ header{
      @media screen and (max-width: 300px) {
        display: none;
      }
-      @media screen and (max-width: 550px) {
+      @media screen and (max-width: 1200px) {
        align-content: center;
      }
      a{
@@ -70,6 +70,7 @@ header{
      .site_setting_entity{
        display: flex;
        flex-direction: column;
+        align-content: center;
        h1{
          order: 2;
          width: 60%;
@@ -82,6 +83,9 @@ header{
          @media screen and (max-width: 550px) {
            font-size: 1rem;
          }
+          @media (max-width: 1370px) {
+            width: 100%;
+          }
        }
        .__info_colloque{
          width: fit-content;
@@ -123,6 +127,7 @@ header{
    }
    #block-colloque2024-mainnavigation{
      width: max-content;
+      margin:auto;
      .burger{
        padding-top: 0.25rem;
        z-index: 9999;