Login/out Button on top right and remove Deploy button

Using Streamlit
1

Hi, I am currently developing a chatbot app with Streamlit. I want to add user authentication function to my app.

As most apps layout, I want to put my user status/login&logout button at top right corner of the page. But currently, this position is occupied by Streamlit’s deploy button.

I searched for solutions on the forum. There are some methods to hide the deploy bar like setting toolbarMode = “minimal” in config.toml. But the top space is still occupied and I cannot put the login/logout button to the top right corner.

How can I properly implement it?

Thank you.

2

Try using

[ui]
hideTopBar = true

This should hide the actual running man icon that appears when you’re loading a page.

I’m seeing another foum post where this guy is proposing a css hack to remove the actual space if you’re looking to go that far Remove UI Top Bar/Forehead