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	3	261	April 23, 2025
How to make the page not change when refreshing the web page? Using Streamlit	6	822	November 17, 2023
How can i hide the navigation bar that includes streamlit pages? Using Streamlit st-pages	4	3988	July 18, 2023
Behavior of st.navigation for hidden position Using Streamlit debugging	2	1008	October 6, 2024
How to change the location of multipage buttons? Using Streamlit	3	3049	February 10, 2023

Adding widgets to sidebar hides the page navigation

Related topics