From 771d95d1cd28df7e6fbe023d26094dafff96b255 Mon Sep 17 00:00:00 2001
From: nobswebdev <nobswebdev@noreply.git.nobswebdev.com>
Date: Wed, 9 Sep 2026 16:27:58 +0200
Subject: [PATCH] Stack and center the shop header on mobile.

Column-layout logo, nav, and crypto rates with full-width wrapping for many order links.
---
 .../storefrontCore/public/css/storefront.css  | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/backend/src/modules/storefrontCore/public/css/storefront.css b/backend/src/modules/storefrontCore/public/css/storefront.css
index a483cd3..bf35b47 100644
--- a/backend/src/modules/storefrontCore/public/css/storefront.css
+++ b/backend/src/modules/storefrontCore/public/css/storefront.css
@@ -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;