From 742a2efb7f4287597bede43c63eeb76c65e9919e Mon Sep 17 00:00:00 2001 From: Kenneth Reitz Date: Sat, 29 Nov 2025 23:27:39 -0500 Subject: [PATCH] Default sidebar to collapsed on mobile MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit On screens <= 768px, the sidebar now defaults to collapsed for first-time visitors. User preference is still saved and respected on subsequent visits. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- kjvstudy_org/templates/base.html | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html index 2887ac5..bcf16f9 100644 --- a/kjvstudy_org/templates/base.html +++ b/kjvstudy_org/templates/base.html @@ -1354,13 +1354,18 @@ (function() { var toggle = document.getElementById('sidebar-toggle'); var savedState = localStorage.getItem('sidebarExpanded'); - // If user has explicitly collapsed the sidebar, respect that + var isMobile = window.innerWidth <= 768; + + // If user has explicitly set a preference, respect that if (savedState === 'false') { toggle.checked = false; } else if (savedState === 'true') { toggle.checked = true; + } else { + // No saved state - default to collapsed on mobile, expanded on desktop + toggle.checked = !isMobile; } - // Default is checked (expanded) if no saved state + toggle.addEventListener('change', function() { localStorage.setItem('sidebarExpanded', toggle.checked ? 'true' : 'false'); });