fix: mobile navbar sidebar hidden behind secondary panel (#54)

marcus · web-flow · commit f0d3f9389840 · 2026-02-28T18:45:01.000-08:00
The .navbar-sidebar__items--show-secondary class applies
transform: translateX(-83vw) which hides sidebar content when
custom CSS sets flex-direction: column on .navbar-sidebar__items.

Adding transform: none !important overrides this.
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -1421,3 +1421,8 @@ a.sc-features-grid__item:hover {
   filter: drop-shadow(0 6px 24px rgba(180, 100, 255, 0.7));
   transform: translateY(-2px);
 }
+
+/* Fix mobile navbar sidebar: prevent secondary panel from translating off-screen */
+.navbar-sidebar__items--show-secondary {
+  transform: none !important;
+}

Original file line number	Diff line number	Diff line change
`@@ -1421,3 +1421,8 @@ a.sc-features-grid__item:hover {`
`1421`	`1421`	`filter: drop-shadow(0 6px 24px rgba(180, 100, 255, 0.7));`
`1422`	`1422`	`transform: translateY(-2px);`
`1423`	`1423`	`}`
	`1424`	`+`
	`1425`	`+/* Fix mobile navbar sidebar: prevent secondary panel from translating off-screen */`
	`1426`	`+.navbar-sidebar__items--show-secondary {`
	`1427`	`+ transform: none !important;`
	`1428`	`+}`