[object Object]

← back to Dw Theme Hamburger

hamburger: pin Custom Walls + Trade to top of drawer, bold + divider

97cb7504c11861d7aa0c8923c14c6fa1c7847665 · 2026-07-14 12:41:40 -0700 · Steve Abrams

Files touched

Diff

commit 97cb7504c11861d7aa0c8923c14c6fa1c7847665
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Tue Jul 14 12:41:40 2026 -0700

    hamburger: pin Custom Walls + Trade to top of drawer, bold + divider
---
 assets/custom.css          | 13 +++++++++++++
 snippets/mobile-nav.liquid | 15 ++++++++-------
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/assets/custom.css b/assets/custom.css
index ce760bb..bd5b4ef 100644
--- a/assets/custom.css
+++ b/assets/custom.css
@@ -1347,3 +1347,16 @@ input.add-to-cart:hover,
   order: 2;
   margin-left: 4px;
 }
+
+/* Primary utility links pinned to top of the hamburger drawer */
+.navigation-mobile .navigation-menu .mobile-link--primary > a {
+  font-weight: 600;
+  letter-spacing: 0.02em;
+}
+.navigation-mobile .navigation-menu .mobile-nav-divider {
+  height: 0;
+  padding: 0;
+  margin: 8px 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.12);
+  pointer-events: none;
+}
diff --git a/snippets/mobile-nav.liquid b/snippets/mobile-nav.liquid
index 4d7de44..2cb5782 100644
--- a/snippets/mobile-nav.liquid
+++ b/snippets/mobile-nav.liquid
@@ -1,5 +1,13 @@
 <nav class="navigation navigation-mobile navigation-has-mega-nav" data-navigation-content>
   <ul class="navigation-menu">
+    <li class="mobile-link mobile-link--utility mobile-link--primary">
+      <a href="/pages/custom">Custom Walls</a>
+    </li>
+    <li class="mobile-link mobile-link--utility mobile-link--primary">
+      <a href="/pages/trade-only-benefits">Apply for a Trade Account</a>
+    </li>
+    <li class="mobile-link mobile-nav-divider" aria-hidden="true"></li>
+
     {% for link in linklists[section.settings.menu].links %}
       {% assign first_tier_link = link %}
       {% assign uses_blocks = true %}
@@ -107,13 +115,6 @@
       </li>
     {% endfor %}
 
-    <li class="mobile-link mobile-link--utility">
-      <a href="/pages/custom">Custom Walls</a>
-    </li>
-    <li class="mobile-link mobile-link--utility">
-      <a href="/pages/trade-only-benefits">Apply for a Trade Account</a>
-    </li>
-
     {% if shop.customer_accounts_enabled %}
       {% if customer %}
         <li class="mobile-link">

← 891c82c header: person/cart icons, camera right of search, phone tel  ·  back to Dw Theme Hamburger  ·  header: reduce centered front-page logo (100->70px) + hambur f5f8bf1 →