Jelajahi Sumber

responsive header

ouidade 1 bulan lalu
induk
melakukan
361016c744

+ 2 - 1
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -5583,6 +5583,7 @@ a {
   scroll-margin: 8rem;
 }
 #header-top .region-header-top-left {
+  width: 80vw;
   display: flex;
   flex-direction: row;
   padding: 1rem;
@@ -5647,7 +5648,7 @@ a {
   background-color: rgb(255, 255, 255);
   padding-bottom: 0.8rem;
   max-width: inherit;
-  width: 220px;
+  width: 25%;
   align-items: center;
   height: 20px;
 }

+ 3 - 2
web/themes/custom/eql/scss/partials/_header.scss

@@ -35,7 +35,8 @@
    
 
  // logo + menu déroulant
-    .region-header-top-left {     
+    .region-header-top-left {  
+        width: 80vw;   
         display:flex;
         flex-direction: row;
         padding: 1rem;
@@ -110,7 +111,7 @@
                 background-color: $white;
                 padding-bottom: 0.8rem;
                 max-width: inherit;
-                width: 220px;
+                width: 25%;
                 align-items: center;
                 // padding-left: 1rem;
                 height: 20px;