Fix footer layout on phones

tropy · Sep 15, 2023 · 968e67d · 968e67d
1 parent 2845264
commit 968e67d
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/assets/stylesheets/_footer.scss b/assets/stylesheets/_footer.scss
@@ -18,10 +18,6 @@ footer {
     justify-content: center;
   }
 
-  .social-nav-container {
-    display: flex;
-  }
-
   h2,
   a {
     padding: ($space-sm / 2) $space-xs;
@@ -61,6 +57,18 @@ footer {
     }
   }
 
+  .social-nav-container {
+    display: flex;
+
+    h2 {
+      display: none;
+
+      @media (min-width: $sm) {
+        display: block;
+      }
+    }
+  }
+
   .social-nav {
     @media (min-width: $sm) {
       padding-right: $space-xs;