From 7baee0b023394d38360c4518f2ce70bc71aee8c3 Mon Sep 17 00:00:00 2001
From: Smyile <84925446+davidetacchini@users.noreply.github.com>
Date: Tue, 31 Mar 2026 10:52:57 +0200
Subject: [PATCH] fix(docs): restrict backdrop-filter to desktop to fix mobile
 sidebar

backdrop-filter on .navbar creates a new CSS stacking context that
hides .navbar-sidebar menu content on mobile (only the close button
is visible). Scope the blur effect to min-width: 997px so it only
applies on desktop where the sidebar is not rendered inside the navbar.

Ref: facebook/docusaurus#6996, facebook/docusaurus#6853
---
 website/src/css/custom.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 7c7000391..469c6792e 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -63,10 +63,18 @@
 
 /* Navbar styling */
 .navbar {
-  backdrop-filter: blur(12px);
   border-bottom: 1px solid rgba(255, 215, 0, 0.08);
 }
 
+/* Frosted-glass blur — desktop only.
+   On mobile, backdrop-filter creates a stacking context that hides
+   the navbar-sidebar menu content (Docusaurus #6996). */
+@media (min-width: 997px) {
+  .navbar {
+    backdrop-filter: blur(12px);
+  }
+}
+
 .navbar__title {
   font-weight: 600;
   letter-spacing: -0.02em;