Stack and center the shop header on mobile.

Column-layout logo, nav, and crypto rates with full-width wrapping for many order links.
2026-09-09 16:27:58 +02:00
parent 254736356b
commit 771d95d1cd
1 changed files with 20 additions and 0 deletions
@@ -380,6 +380,26 @@ a:hover {
    white-space: nowrap;
 }

+@media (max-width: 768px) {
+    .sf-header__inner {
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .sf-header__brand-group {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .sf-nav,
+    .sf-rates {
+        width: 100%;
+        max-width: 100%;
+        justify-content: center;
+    }
+}
+
 .sf-crypto-icon {
    width: 1.25rem;
    height: 1.25rem;