From a0135e8198c91345bfda76623897ac68d0a745c8 Mon Sep 17 00:00:00 2001
From: KGFCH2 <babinbid05@gmail.com>
Date: Tue, 2 Jun 2026 14:44:28 +0530
Subject: [PATCH] fix: display landing page mobile nav button on small screens

---
 client/src/pages/Landing.jsx | 21 +++++----------------
 1 file changed, 5 insertions(+), 16 deletions(-)

diff --git a/client/src/pages/Landing.jsx b/client/src/pages/Landing.jsx
index fc00198..e10582e 100644
--- a/client/src/pages/Landing.jsx
+++ b/client/src/pages/Landing.jsx
@@ -92,22 +92,11 @@ const PubNav = () => {
 
 			{/* Mobile toggle */}
 			<button
-				style={{
-					display: "none",
-					width: 36,
-					height: 36,
-					borderRadius: "var(--r-md)",
-					background: "var(--bg-3)",
-					border: "1px solid var(--border)",
-					alignItems: "center",
-					justifyContent: "center",
-					color: "var(--text-2)",
-					fontSize: "1.1rem",
-					"@media(maxWidth:768px)": { display: "flex" },
-				}}
-				className="mobile-hamburger"
-				onClick={() => setOpen((o) => !o)}>
-				{open ? <RiCloseLine /> : <RiMenuLine />}
+              className="mobile-hamburger"
+              onClick={() => setOpen((o) => !o)}
+              aria-label={open ? "Close navigation menu" : "Open navigation menu"}
+              aria-expanded={open}
+            >
 			</button>
 
 			{open && (