Update app.py

app.py

@@ -1,34 +1,35 @@
 import streamlit as st 
 
-# Custom CSS
+# Custom CSS to ensure sticky header in both Streamlit and Hugging Face environments
 st.markdown("""
 <style>
-    .header-container {
+    /* Target both Streamlit native and Hugging Face iframe embedding */
+    /* Make the header sticky */
+    header[data-testid="stHeader"] {
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
-        z-index: 999;
+        height: auto;
+        z-index: 999990;
         background-color: white;
-        padding: 1rem;
-        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        box-shadow: 0 1px 5px rgba(0,0,0,0.1);
     }
-    
-    /* Add padding to content */
-    .main .block-container {
-        padding-top: 7rem;
+
+    /* For Hugging Face specific iframe handling */
+    section.main {
+        padding-top: 70px;
     }
-</style>
-""", unsafe_allow_html=True)
 
-# Custom header
-with st.container():
-    st.markdown('<div class="header-container">', unsafe_allow_html=True)
-    st.title("My App Title")
-    # Other header elements
-    st.markdown('</div>', unsafe_allow_html=True)
+    /* Ensure content doesn't get hidden under the header */
+    .block-container {
+        padding-top: 1rem;
+    }
 
-# Rest of your app content
+    /* Fix for Hugging Face iframe specific issues */
+    iframe body .stApp {
+        padding-top: 3rem;
+    }
 
 # --- PAGE SETUP ---
 type_text_page = st.Page(