header responsive

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

@@ -1063,7 +1063,7 @@ header {
       @media screen and (max-width: 300px) {
         header .row #block-renderedsitesettingsblock-2 {
           display: none; } }
-      @media screen and (max-width: 550px) {
+      @media screen and (max-width: 1200px) {
         header .row #block-renderedsitesettingsblock-2 {
           align-content: center; } }
       header .row #block-renderedsitesettingsblock-2 a {
@@ -1075,7 +1075,8 @@ header {
           display: flex; } }
       header .row #block-renderedsitesettingsblock-2 .site_setting_entity {
         display: flex;
-        flex-direction: column; }
+        flex-direction: column;
+        align-content: center; }
         header .row #block-renderedsitesettingsblock-2 .site_setting_entity h1 {
           order: 2;
           width: 60%;
@@ -1088,6 +1089,9 @@ header {
           @media screen and (max-width: 550px) {
             header .row #block-renderedsitesettingsblock-2 .site_setting_entity h1 {
               font-size: 1rem; } }
+          @media (max-width: 1370px) {
+            header .row #block-renderedsitesettingsblock-2 .site_setting_entity h1 {
+              width: 100%; } }
         header .row #block-renderedsitesettingsblock-2 .site_setting_entity .__info_colloque {
           width: fit-content;
           order: 1;
@@ -1120,7 +1124,8 @@ header {
                 header .row #block-renderedsitesettingsblock-2 .site_setting_entity .__info_colloque > div:last-child {
                   font-size: 0.6rem; } }
     header .row #block-colloque2024-mainnavigation {
-      width: max-content; }
+      width: max-content;
+      margin: auto; }
       header .row #block-colloque2024-mainnavigation .burger {
         padding-top: 0.25rem;
         z-index: 9999; }

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

@@ -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;