PDF Catalog

A-310-2

Available
BUILDER SHAKER ESPRESSO, SINK BASE CABINET 33''W X 24''D X 34.5''H 2 DOORS 2 FALSE DRAWER FRONTS, SOLID WOOD SHAKER DOOR, PARTICLEBOARD BOX, COLOR MATCHED EXTERIOR, STANDARD HINGES (NOT SOFT-CLOSE) FE-SB33-2 Login to see prices
Available
BUILDER SHAKER GREY, SINK BASE CABINET 33''W X 24''D X 34.5''H 2 DOORS 2 FALSE DRAWER FRONTS, SOLID WOOD SHAKER DOOR, PARTICLEBOARD BOX, COLOR MATCHED EXTERIOR, STANDARD HINGES (NOT SOFT-CLOSE) FG-SB33-2 Login to see prices
Available
BUILDER SHAKER WHITE, SINK BASE CABINET 33''W X 24''D X 34.5''H 2 DOORS 2 FALSE DRAWER FRONTS, SOLID WOOD SHAKER DOOR, PARTICLEBOARD BOX, COLOR MATCHED EXTERIOR, STANDARD HINGES (NOT SOFT-CLOSE) FW-SB33-2 Login to see prices
Available
JADE GREEN SHAKER, SINK BASE CABINET 33''W X 24''D X 34.5''H 2 DOORS 2 FALSE DRAWER FRONTS, TWO BOX CABINET, SKINS NEEDED NJGR-SB33-2 Login to see prices
/* ============================================================ 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"; } }