header: right cluster flex at all widths (was stacking on desktop) + stronger field width override

4803440f8f3f04842cc87e00192a8bdf588b921a · 2026-07-15 09:53:48 -0700 · Steve Abrams

Files touched

M assets/custom.css

Diff

commit 4803440f8f3f04842cc87e00192a8bdf588b921a
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Wed Jul 15 09:53:48 2026 -0700

    header: right cluster flex at all widths (was stacking on desktop) + stronger field width override
---
 assets/custom.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/assets/custom.css b/assets/custom.css
index 2c033c2..313508f 100644
--- a/assets/custom.css
+++ b/assets/custom.css
@@ -1457,6 +1457,24 @@ input.add-to-cart:hover,
   }
 }
 
+/* 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 {
+  display: flex !important;
+  align-items: center;
+  gap: 14px;
+}
+.header-quick-search {
+  display: flex;
+  align-items: center;
+}
+/* force the field wider than Boost's ~54px pin */
+.header-content-right .header-quick-search.search-open .search-form__field .search-form__input.input {
+  width: 200px !important;
+  min-width: 200px !important;
+  max-width: none !important;
+}
+
 /* ---- Hamburger drawer: +50% text, panel widened to fit ---- */
 .navigation.navigation-mobile .navigation-menu a {
   font-size: 1.5em;   /* 50% larger than the current drawer link size */

← ac3f255 search: theme search-form (Boost-survives + functional) forc · back to Dw Theme Hamburger · search: apply the injection-proven width override (forces se c2f9274 →