Fix mobile sidebar overlap - hide Collections pane on mobile

Issue: Collections sidebar was overlapping main content on mobile screens
Fix: Hide sidebar completely on mobile (display: none)

Mobile users navigate via the top navigation/breadcrumbs instead.
Content now takes full width without sidebar overlap.
This commit is contained in:
Claude
2026-04-07 22:17:57 +00:00
parent a4e0ef4fe0
commit e81922ef91

View File

@@ -22,6 +22,13 @@
═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
/* Sidebar - HIDDEN by default on mobile */
aside,
[class*="Sidebar"],
nav[class*="Sidebar"] {
display: none !important;
}
/* Main content takes full width */
main,
[class*="MainContent"],