Fix sticky menu on small screens

diff --git a/src/littlesongplace/static/styles.css b/src/littlesongplace/static/styles.css
index a2271d830659f4701953f2280d7ee68df8db9b43..e3ff419170ffa51109c56fd05a39b7eef9026676 100644 (file)
--- 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 {