/* ─── 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; }

Your cart is empty

News

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

White TV stand styled in a bright modern South African living room

Buying Guide

White TV Stand Buying Guide South Africa

Best white TV stand for most South African living rooms is one that is 10 to 20cm wider than your TV on each side. Pick 120cm for 43 to 55 inch TVs and 160cm or wider for 65 inch and up. Click Furn...

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