collection hero: reduce banner height by ~2/3 (clamp 240-420 -> 80-140, trim padding)

f84cda41468c9ea01af3779d299cfd9b3f2f4036 · 2026-07-14 13:37:56 -0700 · Steve Abrams

Files touched

M sections/dw-collection-hero.liquid

Diff

commit f84cda41468c9ea01af3779d299cfd9b3f2f4036
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Tue Jul 14 13:37:56 2026 -0700

    collection hero: reduce banner height by ~2/3 (clamp 240-420 -> 80-140, trim padding)
---
 sections/dw-collection-hero.liquid | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/sections/dw-collection-hero.liquid b/sections/dw-collection-hero.liquid
index 0f3c0a0..355f6b8 100644
--- a/sections/dw-collection-hero.liquid
+++ b/sections/dw-collection-hero.liquid
@@ -35,11 +35,11 @@
   </div>
 </div>
 <style>
-  .dw-collection-hero{position:relative;min-height:clamp(240px,32vw,420px);display:flex;
+  .dw-collection-hero{position:relative;min-height:clamp(80px,10.7vw,140px);display:flex;
     align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;
     margin:0 0 1.5rem;overflow:hidden;}
   .dw-collection-hero--fallback{background:linear-gradient(135deg,#1c1c1c 0%,#3a3a3a 55%,#2a2320 100%);}
-  .dw-collection-hero__inner{position:relative;z-index:1;width:100%;padding:2rem 2.25rem;}
+  .dw-collection-hero__inner{position:relative;z-index:1;width:100%;padding:0.9rem 2.25rem;}
   /* Semi-opaque CONTRASTING panel behind the text — dark scrim over the light
      pattern so title/breadcrumbs/description read clearly without darkening the
      whole image. Constrained width, left-aligned. */

← b71532d hamburger drawer: +50% menu text, widen panel to 560px to fi · back to Dw Theme Hamburger · mobile: hide wordmark on phones (icon collision), space head 05825b6 →