From 556793056ce455c2b4cd2dc5e7d8dea8db25cf4a Mon Sep 17 00:00:00 2001 From: Sachindu-Nethmin Date: Wed, 15 Jul 2026 14:46:05 +0530 Subject: [PATCH 1/4] Fix mobile navbar responsiveness issue --- en/src/css/custom.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/en/src/css/custom.css b/en/src/css/custom.css index 6fee110484d..d7f59dcd59f 100644 --- a/en/src/css/custom.css +++ b/en/src/css/custom.css @@ -166,6 +166,13 @@ transition: background-color 0.3s ease, border-color 0.3s ease; } +body:has(.navbar-sidebar--show) .navbar, +html:has(.navbar-sidebar--show) .navbar, +.navbar:has(.navbar-sidebar--show) { + backdrop-filter: none; + -webkit-backdrop-filter: none; +} + [data-theme='dark'] .navbar { border-bottom-color: rgba(255, 255, 255, 0.06); } From 80364236b9eac8eb628ac493df8becba341c3696 Mon Sep 17 00:00:00 2001 From: Sachindu-Nethmin Date: Thu, 16 Jul 2026 15:04:52 +0530 Subject: [PATCH 2/4] Fix CSS selector for mobile sidebar backdrop-filter --- en/src/css/custom.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/en/src/css/custom.css b/en/src/css/custom.css index d7f59dcd59f..56dd808dffd 100644 --- a/en/src/css/custom.css +++ b/en/src/css/custom.css @@ -166,9 +166,7 @@ transition: background-color 0.3s ease, border-color 0.3s ease; } -body:has(.navbar-sidebar--show) .navbar, -html:has(.navbar-sidebar--show) .navbar, -.navbar:has(.navbar-sidebar--show) { +.navbar.navbar-sidebar--show { backdrop-filter: none; -webkit-backdrop-filter: none; } From eb363041b80a371d27a1c777308845379f5fc177 Mon Sep 17 00:00:00 2001 From: Sachindu-Nethmin Date: Thu, 16 Jul 2026 15:06:59 +0530 Subject: [PATCH 3/4] Make mobile navbar opaque when sidebar is shown --- en/src/css/custom.css | 1 + 1 file changed, 1 insertion(+) diff --git a/en/src/css/custom.css b/en/src/css/custom.css index 56dd808dffd..48f2af2bd90 100644 --- a/en/src/css/custom.css +++ b/en/src/css/custom.css @@ -169,6 +169,7 @@ .navbar.navbar-sidebar--show { backdrop-filter: none; -webkit-backdrop-filter: none; + background-color: var(--ifm-background-color); } [data-theme='dark'] .navbar { From 4c38088bc34b67ec949f2193d6600d713e472361 Mon Sep 17 00:00:00 2001 From: Sachindu-Nethmin Date: Thu, 16 Jul 2026 15:13:31 +0530 Subject: [PATCH 4/4] Make mobile sidebar menu opaque --- en/src/css/custom.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/en/src/css/custom.css b/en/src/css/custom.css index 48f2af2bd90..8949d0f9d85 100644 --- a/en/src/css/custom.css +++ b/en/src/css/custom.css @@ -172,6 +172,10 @@ background-color: var(--ifm-background-color); } +.navbar-sidebar { + background-color: var(--ifm-background-color); +} + [data-theme='dark'] .navbar { border-bottom-color: rgba(255, 255, 255, 0.06); }