/* ─── HEADER: FORCE BLACK MENU & ICONS ──────────────────────────── */ /* Make header text, menu links, and icons black */ .header, .header * { color: #000000 !important; } /* Override any hover/focus states that may turn text white */ .header a:hover, .header a:focus, .header summary:hover, .header summary:focus { color: #000000 !important; } /* ─── HEADER ICONS: SIDE BY SIDE HORIZONTAL ────────────────────── */ /* Ensure the icon list container is a single horizontal row */ .header__icon-list, .header__secondary-nav { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; /* adjust spacing as needed */ } /* Each icon wrapper stays inline */ .header__icon-list > li, .header__icon-list > a, .header__icon-list > button { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; } /* Force icons to stay inline and not wrap or stack */ .header__icon-list .icon, .header__icon-list svg { display: block !important; flex-shrink: 0 !important; } /* ─── MOBILE FIX: Keep icons side by side ────────────────────────── */ @media screen and (max-width: 749px) { .header__icon-list { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; gap: 0 !important; } .header__icon-list > li { display: flex !important; align-items: center !important; } /* Fix for wishlist app icons that might be injected separately */ .header__wrapper > [class*="wishlist"], .header__wrapper > [id*="wishlist"], .header__wrapper > .swym-button, .header__wrapper [class*="growave"] { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; position: relative !important; inset: auto !important; float: none !important; margin: 0 !important; } [class*="wishlist"] svg { width: 24px !important; height: 24px !important; } } /* ─── 3. HEADING FONT WEIGHTS ──────────────────────────────── */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .title, button { font-weight: 400 !important; } /* ─── FIX: Cart + Wishlist icons side by side on mobile ─────── */ @media screen and (max-width: 749px) { .header__icon-list { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0 !important; } .header__icon-list > li { display: flex !important; align-items: center !important; } /* If wishlist icon is injected OUTSIDE the ul, pull it inline */ .header__wrapper > [class*="wishlist"], .header__wrapper > [id*="wishlist"], .header__wrapper > .swym-button, .header__wrapper [class*="growave"] { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; } } /* ============================================================ HEADER: force icons + menu to black, fix icon row alignment ============================================================ */ /* 1) Force black everywhere the header reads color from — covers both the normal header and the "transparent over image" state, on mobile and desktop, since all icon SVGs use currentColor */ :root { --header-text: 0 0 0 !important; } .header, .header[allow-transparency]:not(.is-filled) { --text-color: 0 0 0 !important; --header-transparent-text-color: 0 0 0 !important; } /* 2) Keep all icons on a single row, vertically centred, instead of wrapping onto a second line */ .header__icon-list, .header__secondary-nav { flex-wrap: nowrap !important; align-items: center !important; color: 000000 !important; } .header__icon-list > li, .header__icon-list > a, .header__icon-list > button { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; color: 000000 !important; } /* 3) Wishlist app heart icon — this is injected by your wishlist app, not the theme, and is what's wrapping under the cart icon. Force it to sit inline at the same height instead of stacking/floating. */ [class*="wishlist-hero" i], [class*="wishlisthero" i], [class*="wishlist" i] a, [class*="wishlist" i] button { position: relative !important; inset: auto !important; float: none !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; margin: 0 !important; } [class*="wishlist" i] svg { fill: rgb(0 0 0) !important; color: rgb(0 0 0) !important; width: 24px; height: 24px; }

0

Your cart is empty

Continue shopping

News

Get access to our latest furniture news and tips by signing up for our newsletter.

Modern modular kitchen units in graphite-oak finish for a South African home in 2026

Kitchen

Kitchen Units South Africa

Everything South African homeowners need to know about kitchen units - costs, materials, freestanding vs built-in, trends, and what to look for when buying online.

Why Modular Kitchens are the Ultimate Life Hack

Why Modular Kitchens are the Ultimate Life Hack

We've all had that moment of Pinterest envy. You're scrolling through photos of massive farmhouse-style kitchens with islands the size of a small continent, then you look at your own apartment and ...

The Click Furniture Advantage

2 to 7 Day Delivery

Buy Quality Imported Furniture

Secure Payments Guaranteed

Get it now, Pay Over 2 Months

7-Day Peace of Mind Promise!

T'S & C'S apply - Read our full return policy HERE