hamburger drawer: +50% menu text, widen panel to 560px to fit larger items

b71532db5f185ce87e6400b2383479cb7e9ecd7b · 2026-07-14 13:35:57 -0700 · Steve Abrams

Files touched

M assets/custom.css

Diff

commit b71532db5f185ce87e6400b2383479cb7e9ecd7b
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Tue Jul 14 13:35:57 2026 -0700

    hamburger drawer: +50% menu text, widen panel to 560px to fit larger items
---
 assets/custom.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/assets/custom.css b/assets/custom.css
index afa364f..2f51c2b 100644
--- a/assets/custom.css
+++ b/assets/custom.css
@@ -1436,3 +1436,17 @@ input.add-to-cart:hover,
     max-width: none;
   }
 }
+
+/* ---- 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 */
+}
+.navigation.navigation-mobile {
+  max-width: 560px;               /* widened so larger items (e.g. "Apply for a Trade Account") don't wrap */
+  transform: translateX(-100%);   /* stay fully hidden when closed regardless of new width */
+}
+@media (max-width: 599px) {
+  .navigation.navigation-mobile {
+    max-width: 88vw;
+  }
+}

← 69fe885 header: remove Checkout button, keep cart · back to Dw Theme Hamburger · collection hero: reduce banner height by ~2/3 (clamp 240-420 f84cda4 →