I have an app with three pages. I added two text input widgets in the sidebar that are being preserved across all three pages using session state as shown below. However, this causes the page navigation to be slightly hidden by the widgets (with an expander, but I’d like to avoid that if possible.) …

You can increase the minimum height of the navigation section with css. At the end of your page, add: css=''' [data-testid="stSidebarNav"] { min-height: 50vh } ''' st.markdown(f'<style>{css}</style>', unsafe_allow_html=True)

[image] mathcatsand: [data-testid="stSidebarNav"] Thank you, that works great!!

Adding widgets to sidebar hides the page navigation

Using Streamlit

ferdy February 12, 2023, 3:36am 2

There is a guide on how to post properly especially if you have issues encountered.

Topic		Replies	Views
St.navigation menu is forced to the top of the sidebar! Using Streamlit discussion	4	248	October 20, 2025
How to make the page not change when refreshing the web page? Using Streamlit	7	818	May 15, 2024
How can i hide the navigation bar that includes streamlit pages? Using Streamlit st-pages	5	3970	January 14, 2024
Behavior of st.navigation for hidden position Using Streamlit debugging	3	994	October 6, 2024
How to change the location of multipage buttons? Using Streamlit	4	3040	February 10, 2024

Adding widgets to sidebar hides the page navigation

Related topics