Update app.py

app.py

@@ -31,12 +31,51 @@ st.markdown("""
         padding-top: 3rem;
     }
 
-# --- PAGE SETUP ---
-type_text_page = st.Page(
-    page="pages/type_text.py",
-    title="DEMO (work in progress)",
-    icon=":material/keyboard:",
-    default=True,)
+    /* Alternative approach: Create your own sticky header container */
+    div.sticky-header {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        z-index: 999999;
+        background-color: white;
+        padding: 1rem;
+        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        /* Ensures content below isn't hidden */
+        margin-bottom: 3rem;
+    }
+
+    /* Create space below custom sticky header */
+    div.sticky-header-spacer {
+        height: 6rem;
+    }
+</style>
+""", unsafe_allow_html=True)
+
+# Option 1: Using Streamlit's native header (modified with CSS above)
+st.title("My App with Sticky Header")
+
+# Option 2: Custom sticky header implementation
+# Uncomment and use this approach if the CSS-only solution doesn't work
+"""
+# Custom sticky header container
+st.markdown('<div class="sticky-header">', unsafe_allow_html=True)
+st.title("My App with Custom Sticky Header")
+# Add any other header elements here
+st.markdown('</div>', unsafe_allow_html=True)
+
+# Add spacer to ensure content isn't hidden under the header
+st.markdown('<div class="sticky-header-spacer"></div>', unsafe_allow_html=True)
+"""
+
+# Rest of your app
+st.write("Scroll down to test the sticky header")
+
+# Add dummy content to enable scrolling
+for i in range(30):
+    st.write(f"Content block {i}")
+    st.write("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")
+
 
 
 # --- Your Streamlit App ---