From 8ac448cc091b4e1387e5a9e0b0591d825b2b523e Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 20 Jan 2026 07:32:34 +0000
Subject: [PATCH] fix(website): hamburger menu not showing navigation links

The mobile sidebar was only showing one row because it lacked proper
height and flex layout styles. Added:
- height: 100% and flex layout to navbar-sidebar container
- flex: 1 and overflow-y: auto to items container for scrolling
- Proper display styles for menu lists
---
 website/src/css/custom.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index a88a7322..8e74a995 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -1251,16 +1251,43 @@ a:hover {
   background-color: var(--ifm-background-color);
   border-right: 1px solid var(--sc-border);
   z-index: 100; /* Ensure it's above other elements */
+  height: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 .navbar-sidebar__items {
   padding: 1rem;
+  flex: 1;
+  overflow-y: auto;
+  height: auto;
+}
+
+/* Ensure the primary items container shows all items */
+.navbar-sidebar__items--show-secondary {
+  display: none;
+}
+
+.navbar-sidebar__items:not(.navbar-sidebar__items--show-secondary) {
+  display: flex;
+  flex-direction: column;
 }
 
 .navbar-sidebar__item {
   padding: 0.5rem 0;
 }
 
+/* Ensure menu items display properly */
+.navbar-sidebar .menu {
+  padding: 0;
+}
+
+.navbar-sidebar .menu__list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
 .navbar-sidebar .menu__link {
   color: var(--ifm-font-color-base);
   font-family: var(--ifm-font-family-monospace);