From 1c4e3ad1637a67c772172e88a59588b29c85318d Mon Sep 17 00:00:00 2001
From: Maaxxs <61059039+MaaxxsDev@users.noreply.github.com>
Date: Mon, 6 Jul 2026 22:10:48 +0200
Subject: [PATCH] Remove flag icons from the mobile menu language dropdown,
 keep text-only

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 hifi-src/src/components/Navbar.jsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/hifi-src/src/components/Navbar.jsx b/hifi-src/src/components/Navbar.jsx
index b0ef261..d962b54 100644
--- a/hifi-src/src/components/Navbar.jsx
+++ b/hifi-src/src/components/Navbar.jsx
@@ -82,13 +82,11 @@ function LanguageSwitcher({ overHero = false, variant = 'header' }) {
             : 'flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-neutral-600 hover:text-brand-600'
         }
       >
-        <span
-          className={`block h-4 w-6 shrink-0 overflow-hidden rounded-[3px] ring-1 ${
-            isHeader && overHero ? 'ring-white/50' : 'ring-neutral-300 dark:ring-neutral-600'
-          }`}
-        >
-          <current.Flag className="h-full w-full" />
-        </span>
+        {isHeader && (
+          <span className={`block h-4 w-6 shrink-0 overflow-hidden rounded-[3px] ring-1 ${overHero ? 'ring-white/50' : 'ring-neutral-300 dark:ring-neutral-600'}`}>
+            <current.Flag className="h-full w-full" />
+          </span>
+        )}
         {!isHeader && current.label}
         {isHeader && (
           <svg
@@ -123,9 +121,11 @@ function LanguageSwitcher({ overHero = false, variant = 'header' }) {
                 opt.code === language ? 'font-semibold text-brand-600 dark:text-brand-400' : 'text-neutral-700 dark:text-neutral-200'
               }`}
             >
-              <span className="block h-4 w-6 shrink-0 overflow-hidden rounded-[3px] ring-1 ring-neutral-300 dark:ring-neutral-600">
-                <opt.Flag className="h-full w-full" />
-              </span>
+              {isHeader && (
+                <span className="block h-4 w-6 shrink-0 overflow-hidden rounded-[3px] ring-1 ring-neutral-300 dark:ring-neutral-600">
+                  <opt.Flag className="h-full w-full" />
+                </span>
+              )}
               {opt.label}
             </button>
           ))}