Custom header right at the top of the page, styled with custom CSS

I would like to have a Streamlit app, but with a custom header bar right at the very top, styled with custom CSS (and maybe even using a bit of Javascript)

Is this possible? If so, how?

I see lots of things about how to make custom components. But I’ve not found anything about bits that wrap the components. There is some information about themes, but I’ve not found out how to use them to control the HTML

1 Like

Hi @michalc, welcome to the Streamlit community! :balloon:

Would Streamlit_navbar from Chanin suit your needs?


@Charly_Wargnier I think it’s certainly a good start! It looks like it doesn’t quite push down the content of Streamlit though, and instead puts the header over the top of everything? Will investigate…

1 Like