Update app.py

app.py

@@ -21,9 +21,9 @@ HEADER_SELECTOR = 'header[data-testid="stHeader"]'
 # ---- SELECTOR FOR THE MAIN CONTENT AREA THAT NEEDS PADDING ----
 # This targets the first direct div child of the stAppViewContainer,
 # which often holds the main scrollable content.
-MAIN_CONTENT_SELECTOR = 'section[data-testid="stAppViewContainer"] > div:nth-child(1)'
+#MAIN_CONTENT_SELECTOR = 'section[data-testid="stAppViewContainer"] > div:nth-child(1)'
 # Alternative if the above doesn't work or if your content is further nested:
-# MAIN_CONTENT_SELECTOR = 'section[data-testid="stAppViewContainer"] .main-content-wrapper-class'
+MAIN_CONTENT_SELECTOR = 'section[data-testid="stAppViewContainer"] .main-content-wrapper-class'
 # 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
@@ -36,8 +36,8 @@ custom_css = f"""
         position: sticky !important;
         top: 0 !important;
         z-index: 9999 !important; /* Very high z-index */
-        background-color: green;
-        #background-color: #0f1116 !important; /* Or your app's header background color */
+        #background-color: green;
+        background-color: #90EE90 !important; /* Or your app's header background color */
         /* Add a subtle shadow to make it feel more distinct when content scrolls under */
         /* box-shadow: 0 2px 4px -1px rgba(0,0,0,0.1); */
     }}