Theme Sambreville - corrections contacts

Author: Broemman

sambreville/assets/svg/visu-fond.svg

@@ -1,3 +1,10 @@
+@include media-breakpoint-down(lg) {
+  div#portal-colophon .colophonWrapper ul {
+    display: grid;
+    gap: 10px;
+  }
+}
+
 footer#portal-footer-wrapper {
   background: $primary-dark;
   padding: 4rem 0;

sambreville/src/scss/footer.scss

@@ -1,62 +1,3 @@
-@include media-breakpoint-down(lg) {
-  .smartweb_herobanner .bannerSwiper {
-    height: 275px;
-  }
-
-  .portaltype-imio-smartweb-portalpage .section-title {
-    font-size: 2.5rem;
-  }
-
-  .sectiontext.visuel-agenda {
-    display: none;
-  }
-
-  footer .smartweb-footer .container .row {
-    flex-direction: column;
-    width: 100%;
-    max-width: 100%;
-    align-items: center;
-    align-content: center;
-    text-align: center;
-  }
-
-  footer
-    .smartweb-footer
-    .container
-    .row
-    .sortable-section.sectionlinks.quick-access {
-    padding-bottom: 1rem;
-    padding-top: 1rem;
-  }
-
-  footer .smartweb-footer .container .row .sectionevents .see_all a {
-    background: #fff;
-  }
-
-  footer
-    .smartweb-footer
-    .container
-    .row
-    .sectiontext
-    .section-text
-    .body-section
-    figure {
-    float: initial;
-    margin-right: initial;
-    max-width: 100%;
-    width: 100%;
-  }
-
-  footer .smartweb-footer .container .row .sectionlinks h2 {
-    font-size: calc(1.325rem + 0.9vw) !important;
-    margin-top: 20px;
-  }
-
-  footer .smartweb-footer .container .row .contact_informations_social {
-    display: grid;
-  }
-}
-
 .swiper-slide > a:hover .swiper-image {
   transition: 0.2s;
   filter: brightness(0.4);
@@ -120,3 +61,74 @@ body.portaltype-imio-smartweb-portalpage.section-home-page::after {
   top: -60px;
   left: -45px;
 }
+
+@include media-breakpoint-down(lg) {
+  .smartweb_herobanner .bannerSwiper {
+    height: 275px;
+  }
+
+  .portaltype-imio-smartweb-portalpage .section-title {
+    font-size: 2.5rem;
+  }
+
+  .sectiontext.visuel-agenda {
+    display: none;
+  }
+
+  footer .smartweb-footer .container .row {
+    flex-direction: column;
+    width: 100%;
+    max-width: 100%;
+    align-items: center;
+    align-content: center;
+    text-align: center;
+  }
+
+  footer
+    .smartweb-footer
+    .container
+    .row
+    .sortable-section.sectionlinks.quick-access {
+    padding-bottom: 1rem;
+    padding-top: 1rem;
+  }
+
+  footer .smartweb-footer .container .row .sectionevents .see_all a {
+    background: #fff;
+  }
+
+  footer
+    .smartweb-footer
+    .container
+    .row
+    .sectiontext
+    .section-text
+    .body-section
+    figure {
+    float: initial;
+    margin-right: initial;
+    max-width: 100%;
+    width: 100%;
+  }
+
+  footer .smartweb-footer .container .row .sectionlinks h2 {
+    font-size: calc(1.325rem + 0.9vw) !important;
+    margin-top: 20px;
+  }
+
+  footer .smartweb-footer .container .row .contact_informations_social {
+    display: grid;
+  }
+
+  .portaltype-imio-smartweb-portalpage.section-home-page
+    .sectionevents
+    .section-title::after {
+    left: -15px;
+    top: -50px;
+  }
+
+  footer .sectiontext .section-text .body-section.figure-left figure img {
+    width: auto;
+    margin: 0 auto;
+  }
+}