mobile: hide wordmark on phones (icon collision), space header icons, remove drawer double-divider (graphics-team P0)

05825b656f72f363418665026fcbd6d4b2e1a549 · 2026-07-15 05:50:17 -0700 · Steve Abrams

Files touched

M assets/custom.css

Diff

commit 05825b656f72f363418665026fcbd6d4b2e1a549
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Wed Jul 15 05:50:17 2026 -0700

    mobile: hide wordmark on phones (icon collision), space header icons, remove drawer double-divider (graphics-team P0)
---
 assets/custom.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/assets/custom.css b/assets/custom.css
index 2f51c2b..5ceae9f 100644
--- a/assets/custom.css
+++ b/assets/custom.css
@@ -1450,3 +1450,25 @@ input.add-to-cart:hover,
     max-width: 88vw;
   }
 }
+
+/* ---- Mobile header cleanup (graphics-team review 2026-07-15) ----
+   On phones the spelled-out wordmark rendered ~11px and collided with the
+   camera/search/cart icons. Hide it (the DW logo carries identity), and give
+   the icons real spacing + tap size. */
+@media (max-width: 767px) {
+  .header-branding .header-wordmark {
+    display: none;
+  }
+  .header-content-right--inline-search {
+    gap: 16px;
+  }
+  .header-content-right .header-icon-link svg,
+  .header-content-right .search-toggle svg {
+    width: 24px;
+    height: 24px;
+  }
+}
+/* drawer: one separator under the pinned primary items (removes the double line) */
+.navigation.navigation-mobile .navigation-menu > li.mobile-link--primary {
+  border-bottom: 0;
+}

← f84cda4 collection hero: reduce banner height by ~2/3 (clamp 240-420 · back to Dw Theme Hamburger · search: rebuild as working eyeglass-triggered field (eyeglas 46de4d1 →