From ec802556e2d08646fcbb20b844a13fa2e8f2abcc Mon Sep 17 00:00:00 2001
From: Chris Fulljames <christianfulljames@gmail.com>
Date: Tue, 1 Jul 2025 08:47:13 -0400
Subject: [PATCH] Fix sticky menu on small screens

---
 src/littlesongplace/static/styles.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/littlesongplace/static/styles.css b/src/littlesongplace/static/styles.css
index a2271d8..e3ff419 100644
--- a/src/littlesongplace/static/styles.css
+++ b/src/littlesongplace/static/styles.css
@@ -148,6 +148,11 @@ div.main {
     flex-grow: 1;
 }
 
+.sticky {
+    position: sticky;
+    top: 10px;
+}
+
 @media screen and (max-width: 900px) {
     .layout-flex {
         flex-direction: column;
@@ -155,11 +160,7 @@ div.main {
     }
     .layout-main { width: 100%; }
     .layout-side { width: auto; }
-}
-
-.sticky {
-    position: sticky;
-    top: 10px;
+    .sticky { position: static; }
 }
 
 .site-title {
-- 
2.39.5