diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 469c6792..cfc90c7f 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -63,16 +63,16 @@
 
 /* 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);
-  }
+/* backdrop-filter creates a stacking context that hides
+   .navbar-sidebar menu content (Docusaurus #6996). Remove it
+   while the mobile sidebar is open — both classes live on the
+   same <nav> element. */
+.navbar.navbar-sidebar--show {
+  backdrop-filter: none;
 }
 
 .navbar__title {