Update app.py

app.py

@@ -1,12 +1,52 @@
 import streamlit as st 
 
+# At the top of your existing file with your imports
+
+def add_sticky_header_css():
+    st.markdown("""
+    <style>
+        /* Make Streamlit's toolbar sticky */
+        [data-testid="stToolbar"] {
+            position: fixed;
+            top: 0;
+            right: 0;
+            z-index: 1000;
+            width: 100%;
+            background-color: white;
+        }
+        
+        /* Make Streamlit's status widget sticky */
+        [data-testid="stStatusWidget"] {
+            position: fixed;
+            bottom: 0;
+            right: 0;
+            z-index: 1000;
+            background-color: white;
+            padding: 5px;
+            border-top: 1px solid #f0f0f0;
+            width: 100%;
+        }
+        
+        /* Add padding to main content to prevent overlap with fixed header */
+        .main .block-container {
+            padding-top: 5rem;
+            padding-bottom: 3rem;
+        }
+    </style>
+    """, unsafe_allow_html=True)
+
+# Then at the start of your main function or execution flow
+add_sticky_header_css()
+
+# Rest of your existing app continues...
+
 # Inspect the header element, go to the "Computed" tab in styles, and find its height.
-HEADER_HEIGHT = "60px"  # EXAMPLE: Adjust this (e.g., "56px", "4rem")
-HEADER_SELECTOR = 'header[data-testid="stHeader"]'
+#HEADER_HEIGHT = "60px"  # EXAMPLE: Adjust this (e.g., "56px", "4rem")
+#HEADER_SELECTOR = 'header[data-testid="stHeader"]'
 
 # ---- SELECTOR FOR THE MAIN CONTENT AREA THAT NEEDS PADDING ----
 # Target the first direct div child of the stAppViewContainer which often holds the main scrollable content 
-MAIN_CONTENT_SELECTOR = 'section[data-testid="stMain"]'
+#MAIN_CONTENT_SELECTOR = 'section[data-testid="stMain"]'
 #MAIN_CONTENT_SELECTOR = 'section[data-testid="stMain"] > div:nth-child(1)'
 #MAIN_CONTENT_SELECTOR = 'section[data-testid="stMainBlockContainer"]'
 #MAIN_CONTENT_SELECTOR = 'section[data-testid="stAppViewContainer"]'
@@ -16,7 +56,7 @@ MAIN_CONTENT_SELECTOR = 'section[data-testid="stMain"]'
 # Or, very commonly, Streamlit wraps main content in a div with class "block-container":
 #MAIN_CONTENT_SELECTOR = 'section[data-testid="stAppViewContainer"] .block-container'
 #MAIN_CONTENT_SELECTOR = '.main .block-container' # A more general selector for block-container
-
+'''
 custom_css = f"""
 <style>
     /* Making the Streamlit header sticky */
@@ -50,6 +90,7 @@ custom_css = f"""
     #*/
 </style>
 """
+'''
 
 # Inject CSS as early as possible in your app
 st.markdown(custom_css, unsafe_allow_html=True)