From c915219ae025ea74c575f45f5dec05cfe874b779 Mon Sep 17 00:00:00 2001 From: Nancy Verma Date: Fri, 29 May 2026 14:19:48 +0530 Subject: [PATCH 1/2] Optimize mobile navigation sidebar responsiveness Added media query for mobile navigation sidebar optimization. --- src/css/custom.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/css/custom.css b/src/css/custom.css index 37f927ac..6c5edd4b 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -2734,6 +2734,21 @@ html[data-theme="dark"] .blog-post-page .markdown h4 { } } +/* Fix: Optimize mobile navigation sidebar responsiveness (#1752) */ +@media screen and (max-width: 480px) { + .sidebar_src-theme-Navbar-ResponsiveSidebar-styles-module, + .navbar-sidebar, + .menu { + position: fixed !important; + width: 270px !important; + max-width: 85vw !important; + z-index: 1000 !important; + } + .menu__link { + padding: 10px 16px !important; + margin: 2px 0 !important; + } +} From 46ec8166240cfdf5ebe59ed723c55388e1947cc7 Mon Sep 17 00:00:00 2001 From: Nancy Verma Date: Sat, 30 May 2026 14:32:03 +0530 Subject: [PATCH 2/2] Update custom.css --- src/css/custom.css | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 6c5edd4b..ff2de118 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -8,9 +8,8 @@ /* FINAL MOBILE OVERRIDE: aggressively remove any top gap on narrow viewports This targets any leftover placeholders, pseudo-elements, safe-area padding, or theme-provided offsets. Keep it last so it wins over other rules. */ +/* Keep your 1024px rule to hide the placeholder element */ @media screen and (max-width: 1024px) { - - /* remove any generated placeholders or spacer elements that push content down */ .theme-doc-navbar-placeholder, .theme-doc-navbar-placeholder * { display: none !important; @@ -19,6 +18,17 @@ padding: 0 !important; overflow: hidden !important; } +} + +/* Add this 480px rule right below it to fix the mobile menu links text overlapping */ +@media screen and (max-width: 480px) { + .navbar-sidebar .menu__list-item { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + position: relative !important; + } +} + /* global resets for top spacing and pseudo-elements */ html,