Remove/Hide "running man" animation on top of page

Using Streamlit
1

Hi,

I found a way to remove the “made with streamlit” footer and the main menu on the top right corner. Is there any way to remove the running man animation from streamlit, which appears whenever some component is loading?

Thanks!

1 Like
2

Same issue.

3

You can try to remove everything using this:

hide_streamlit_style = """
                <style>
                div[data-testid="stToolbar"] {
                visibility: hidden;
                height: 0%;
                position: fixed;
                }
                div[data-testid="stDecoration"] {
                visibility: hidden;
                height: 0%;
                position: fixed;
                }
                div[data-testid="stStatusWidget"] {
                visibility: hidden;
                height: 0%;
                position: fixed;
                }
                #MainMenu {
                visibility: hidden;
                height: 0%;
                }
                header {
                visibility: hidden;
                height: 0%;
                }
                footer {
                visibility: hidden;
                height: 0%;
                }
                </style>
                """
st.markdown(hide_streamlit_style, unsafe_allow_html=True)

Thanks

4 Likes
4

this actually works , thanks !

5

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.