← back to Chinoiseriewallpaper
Revert "header: complete dw-header rebuild — remove old DW-HAMBURGER-NAV v1, keep dw-header.js (UL burgers + centered name); finishes pilot a8a49f7, single hamburger"
5146ca065eee8527bea1047dae60e913ac75a7a5 · 2026-06-01 14:31:33 -0700 · Steve Abrams
This reverts commit 3b47bf8b5441ca10bcca178dc95bbd0353d782f1.
Files touched
Diff
commit 5146ca065eee8527bea1047dae60e913ac75a7a5
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Mon Jun 1 14:31:33 2026 -0700
Revert "header: complete dw-header rebuild — remove old DW-HAMBURGER-NAV v1, keep dw-header.js (UL burgers + centered name); finishes pilot a8a49f7, single hamburger"
This reverts commit 3b47bf8b5441ca10bcca178dc95bbd0353d782f1.
---
public/index.html | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 file changed, 104 insertions(+), 2 deletions(-)
diff --git a/public/index.html b/public/index.html
index 1acc4de..7f62ff9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -482,6 +482,106 @@
});
})();
</script>
+<!-- DW-HAMBURGER-NAV v1 (canonical 2026-05-10) -->
+<style id="dw-hamburger-styles">
+ /* Canonical hamburger nav — always visible top-right, all viewports.
+ Standing rule (Steve, 2026-05-08): hamburger is the primary nav. */
+ .dw-burger-btn {
+ position: fixed; top: 18px; right: 18px; z-index: 9999;
+ width: 44px; height: 44px;
+ background: rgba(20,20,20,0.78); color: #f5f1e8;
+ backdrop-filter: blur(8px) saturate(140%);
+ -webkit-backdrop-filter: blur(8px) saturate(140%);
+ border: 1px solid rgba(245,241,232,0.18); border-radius: 50%;
+ cursor: pointer; padding: 0;
+ display: flex; flex-direction: column; align-items: center; justify-content: center;
+ gap: 4px;
+ box-shadow: 0 6px 20px rgba(0,0,0,0.35);
+ transition: background 200ms, transform 200ms;
+ }
+ .dw-burger-btn:hover { background: rgba(20,20,20,0.92); }
+ .dw-burger-btn span {
+ display: block; width: 20px; height: 1.5px; background: currentColor;
+ transition: transform 220ms, opacity 220ms;
+ }
+ .dw-burger-btn[aria-expanded="true"] span:nth-child(1) {
+ transform: translateY(5.5px) rotate(45deg);
+ }
+ .dw-burger-btn[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
+ .dw-burger-btn[aria-expanded="true"] span:nth-child(3) {
+ transform: translateY(-5.5px) rotate(-45deg);
+ }
+ .dw-burger-panel {
+ position: fixed; top: 72px; right: 18px; z-index: 9998;
+ min-width: 240px; max-width: 88vw;
+ background: rgba(15,15,15,0.96);
+ backdrop-filter: blur(14px) saturate(140%);
+ -webkit-backdrop-filter: blur(14px) saturate(140%);
+ border: 1px solid rgba(245,241,232,0.12);
+ border-radius: 14px;
+ box-shadow: 0 18px 50px rgba(0,0,0,0.55);
+ padding: 10px 0;
+ display: none;
+ font-family: -apple-system, "SF Pro Text", system-ui, sans-serif;
+ }
+ .dw-burger-panel.open { display: block; }
+ .dw-burger-panel a,
+ .dw-burger-panel button {
+ display: block; width: 100%;
+ padding: 13px 22px;
+ color: #f5f1e8 !important;
+ background: transparent; border: 0; cursor: pointer;
+ text-decoration: none !important;
+ font-size: 15px; font-weight: 400;
+ text-align: left;
+ letter-spacing: 0;
+ border-bottom: 1px solid rgba(245,241,232,0.06);
+ transition: background 160ms, color 160ms;
+ box-sizing: border-box;
+ }
+ .dw-burger-panel a:last-child,
+ .dw-burger-panel button:last-child { border-bottom: 0; }
+ .dw-burger-panel a:hover,
+ .dw-burger-panel button:hover {
+ background: rgba(245,241,232,0.06);
+ color: #ffffff !important;
+ }
+ @media (max-width: 480px) {
+ .dw-burger-btn { top: 12px; right: 12px; width: 40px; height: 40px; }
+ .dw-burger-panel { top: 62px; right: 12px; }
+ }
+ /* Avoid double-print on sites already adopting a top-of-page header
+ that overlaps z-index. Reserve safe space near top-right. */
+</style>
+<button type="button" class="dw-burger-btn" id="dwBurgerBtn"
+ aria-label="Toggle menu" aria-controls="dwBurgerPanel"
+ aria-expanded="false">
+ <span></span><span></span><span></span>
+</button>
+<nav class="dw-burger-panel" id="dwBurgerPanel" aria-label="Primary">
+ <a href="/">ぢ ChinoiserieWallpaper</a>
+ <a href="#collection">Collection</a>
+ <a href="https://designerwallcoverings.com/pages/trade">Trade</a>
+ <a href="mailto:info@chinoiseriewallpaper.com">Contact</a>
+</nav>
+<script>
+(function(){
+ var btn = document.getElementById('dwBurgerBtn');
+ var panel = document.getElementById('dwBurgerPanel');
+ if (!btn || !panel) return;
+ function close(){ panel.classList.remove('open'); btn.setAttribute('aria-expanded','false'); }
+ function toggle(){
+ var open = panel.classList.toggle('open');
+ btn.setAttribute('aria-expanded', open ? 'true' : 'false');
+ }
+ btn.addEventListener('click', function(e){ e.stopPropagation(); toggle(); });
+ document.addEventListener('click', function(e){
+ if (panel.classList.contains('open') && !panel.contains(e.target) && e.target !== btn) close();
+ });
+ document.addEventListener('keydown', function(e){ if (e.key === 'Escape') close(); });
+})();
+</script>
+<!-- /DW-HAMBURGER-NAV v1 -->
<!-- Big Red customer chat — lower-left, woman-avatar, vendor-redacted retail persona. -->
@@ -508,7 +608,9 @@
window.nsContactClose = function () { var m = document.getElementById('nsContactModal'); if (m) m.classList.remove('show'); };
}
</script>
-<script>window.DwHeaderConfig={{siteName:"{name}",accent:"#9B7B4F",navLinks:[{{name:'Home',url:'/'}},{{name:'Collections',url:'#shop'}},{{name:'About',url:'/about'}},{{name:'Care',url:'/care.html'}},{{name:'History',url:'/history.html'}}],adminLinks:[{{name:'Shopify admin',url:'https://admin.shopify.com',external:true}},{{name:'Edit hero',url:'#'}},{{name:'Analytics',url:'#'}}]}};</script>
-<script src="/dw-header.js" defer></script>
+<!-- dw-header.js REMOVED 2026-06-01 (fleet hamburger-overlap fix): it injected a 2nd
+ header (left burgers + centered name) colliding with the inline DW-HAMBURGER-NAV v1
+ (fixed circular ☰ upper-right). DW-HAMBURGER-NAV v1 is the sole nav. To re-enable
+ dw-header.js, remove DW-HAMBURGER-NAV v1 first. -->
</body>
</html>
← 3b47bf8 header: complete dw-header rebuild — remove old DW-HAMBURGER
·
back to Chinoiseriewallpaper
·
header: complete dw-header rebuild — remove old DW-HAMBURGER 6c0ac9e →