PDF Catalog

Shaker Manatee Grey Glass Door Wall

Shaker Manatee Grey BaseShaker Manatee Grey WallShaker Manatee Grey Glass Door WallShaker Manatee Grey TallShaker Manatee Grey VanityShaker Manatee Grey TrimShaker Manatee Grey 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"; } }