Multi page app with sidebar

🎈 Using Streamlit
1

I have created a multi page app in Streamlit ( separate .py files, 1 per page).

The default navigation menu is shown in the sidebar

How can I change it to show horizontally and still keep the multiple pages ( each on a separate .py file )

2

Hi @marialuch

Unfortunately, there’s no official way to change the navigation layout to a horizontal layout. However, there are third-party Streamlit components that may allow you to add a horizontal navigation bar, which you can look into the Hydralit component (GitHub - TangleSpace/hydralit_components: A package of custom components for Streamlit and Hydralit. Can be used directly or in combination with the Hydralit package.).

I’ve also created a video on how to add a bootstrap horizontal navigation bar via CSS customization (https://www.youtube.com/watch?v=hoPvOIJvrb8).

Best regards,
Chanin