header: dead-center the logo/wordmark on all viewports (absolute-center, overrides compact-left)

1690a770ca97e00947d6d1e48d6973e6d4c9e175 · 2026-07-15 10:11:17 -0700 · Steve Abrams

Files touched

M assets/custom.css

Diff

commit 1690a770ca97e00947d6d1e48d6973e6d4c9e175
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Wed Jul 15 10:11:17 2026 -0700

    header: dead-center the logo/wordmark on all viewports (absolute-center, overrides compact-left)
---
 assets/custom.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/assets/custom.css b/assets/custom.css
index 7e7d170..e15647d 100644
--- a/assets/custom.css
+++ b/assets/custom.css
@@ -1465,6 +1465,28 @@ input.add-to-cart:hover,
   }
 }
 
+/* ---- Logo / wordmark DEAD-CENTERED on every viewport (desktop / iPad / mobile) ----
+   Absolutely center the branding so it stays centered regardless of the
+   hamburger (left) and icon-cluster (right) widths. Overrides the compact-left
+   left-aligned width caps. */
+.header-main-content {
+  position: relative;
+}
+.header-branding-desktop {
+  position: absolute !important;
+  left: 50% !important;
+  top: 50% !important;
+  transform: translate(-50%, -50%) !important;
+  width: auto !important;
+  max-width: 60% !important;
+  margin: 0 !important;
+  text-align: center !important;
+  z-index: 5;
+}
+.header-branding-desktop .logo-link {
+  justify-content: center !important;
+}
+
 /* Right cluster horizontal at ALL widths (theme only made it flex under 1080px,
    so search/camera/cart were stacking vertically on desktop) */
 .header-content-right--inline-search {

← c2f9274 search: apply the injection-proven width override (forces se · back to Dw Theme Hamburger · header: tighten hamburger drawer (0.9rem/5px), +top padding 116a2c7 →