PDF Catalog

Shaker Binary Gray Glass Door Wall

Shaker Binary Gray BaseShaker Binary Gray WallShaker Binary Gray Glass Door WallShaker Binary Gray TallShaker Binary Gray VanityShaker Binary Gray TrimShaker Binary Gray Glass Door Only

/* ============================================================ CFC sidebar hover drawer — v2 (2026-07-09) Fixes vs v1: - subcategories now expand INLINE under the line name (v1 clipped the theme's right-side flyouts = invisible) - drawer + rail are STICKY: they follow you down the page - drawer scrolls internally and always fits the screen Desktop only (>=992px). Mobile menu untouched. REPLACES the v1 block entirely — delete the old one. ============================================================ */ @media (min-width: 992px) { /* shrink the sidebar's grid column; products get the width */ .with-sidebar .page-content-inner { grid-template-columns: 36px 1fr; -ms-grid-columns: 36px 1fr; column-gap: 26px; } /* the rail: sticky, follows scroll */ .side-menu-container { position: sticky; top: 90px; /* adjust if it tucks under the header */ align-self: start; width: 36px; overflow: hidden; z-index: 1000; transition: width .22s ease, box-shadow .22s ease; } /* vertical label on the collapsed rail */ .side-menu-container::before { content: "\2261 CATEGORIES"; display: block; writing-mode: vertical-rl; padding: 16px 9px; font-size: 12px; font-weight: bold; letter-spacing: 3px; color: #555; white-space: nowrap; } /* menu hidden while collapsed (fixed inner width = no reflow) */ .side-menu-container > * { width: 320px; opacity: 0; transition: opacity .15s ease .05s; } /* open drawer: fits the viewport, scrolls inside */ .side-menu-container:hover { width: 320px; max-height: calc(100vh - 110px); overflow-y: auto; box-shadow: 8px 8px 28px rgba(0, 0, 0, .22); } .side-menu-container:hover::before { display: none; } .side-menu-container:hover > * { opacity: 1; } /* subcategories: kill the right-side flyout, expand inline instead */ .side-menu .dropdown-menu { position: static !important; transform: none !important; top: auto !important; left: auto !important; float: none !important; width: 100% !important; max-height: none !important; margin: 6px 0 0 !important; padding: 0 0 0 14px !important; border: 0 !important; border-left: 2px solid #ddd !important; border-radius: 0 !important; box-shadow: none !important; } .side-menu .dropdown-menu .dropdown-item { padding: 7px 10px; white-space: normal; } /* expand/collapse arrow points down when open */ .side-menu .nav-item.show > .dropdown-toggle:after, .side-menu .dropdown-toggle[aria-expanded="true"]:after { content: "\f0d7"; } }