From: Chris Fulljames <christianfulljames@gmail.com>
Date: Tue, 1 Jul 2025 12:47:13 +0000 (-0400)
Subject: Fix sticky menu on small screens
X-Git-Url: https://littlesong.place/gitweb/?a=commitdiff_plain;h=ec802556e2d08646fcbb20b844a13fa2e8f2abcc;p=littlesongplace.git

Fix sticky menu on small screens
---

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 {