Theme Farciennes - HP

Author: Broemman

farciennes/src/scss/hp.scss

@@ -304,6 +304,12 @@ div#portal-colophon {
     margin: 0;
     padding: 15px 0;
 
+    @media (max-width: 768px) {
+      display: grid;
+      gap: 0.5rem;
+      grid-template-columns: 1fr; // 1 colonne → éléments empilés
+    }
+
     li {
       color: #fff;
     }
@@ -327,3 +333,18 @@ body.col-content.portaltype-imio-smartweb-portalpage.section-home-page
   background-position: bottom -3px center;
   background-size: calc(50% - 100px) auto; /* largeur = 100% du bloc moins 50px de chaque côté */
 }
+
+.mask-menu {
+  background-color: transparent;
+}
+
+.smartweb_herobanner {
+  margin-top: -30px;
+}
+
+#portal-header #portal-header-top #portal-logo {
+  @media (max-width: 768px) {
+    margin-top: 0;
+    max-width: 100px;
+  }
+}

farciennes/src/scss/quick.scss

@@ -56,15 +56,28 @@
   }
 
   .row {
-    @include media-breakpoint-down(lg) {
-      gap: 20px;
-      grid-gap: 0;
-      display: grid;
-      grid-auto-rows: 1fr;
-      grid-template-columns: repeat(auto-fit, minmax(56px, 160px));
+    // @include media-breakpoint-down(lg) {
+    //   gap: 20px;
+    //   grid-gap: 0;
+    //   display: grid;
+    //   grid-auto-rows: 1fr;
+    //   grid-template-columns: repeat(auto-fit, minmax(56px, 160px));
 
-      li {
-        width: auto !important;
+    //   li {
+    //     width: auto !important;
+    //   }
+    // }
+    @media (max-width: 991.98px) {
+      #main-container .sectionlinks.quick-access .row {
+        display: grid;
+        gap: 20px;
+        grid-template-columns: repeat(2, minmax(120px, 1fr));
+      }
+    }
+
+    @media (max-width: 480px) {
+      #main-container .sectionlinks.quick-access .row {
+        grid-template-columns: 1fr;
       }
     }
   }