How To Remove "Made with Streamlit", Hamburger Icon Menu & Streamlit Header
Streamlit’s footer, hamburger menu and header are all hideable with a short CSS block injected through st.markdown with unsafe_allow_html. Setting the visibility of MainMenu, footer and header to hidden clears all three, leaving only your own content on the page.
Why Remove Default Elements?
Default elements can sometimes distract from the main content of your app. By removing these elements, you create a cleaner interface that allows your users to focus on the functionality of your application.
Code Snippet to Customize Your App
To remove the default footer and menu icon, you can add the following code snippet to your Streamlit app:
hide_st_style = """
<style>
#MainMenu {visibility: hidden;}
footer {visibility: hidden;}
header {visibility: hidden;}
</style>
"""
st.markdown(hide_st_style, unsafe_allow_html=True)
How to Implement the Code
Simply paste the code snippet above into your Streamlit app script. After saving and refreshing the page, you should see that the footer and menu icon have disappeared. Additionally, this code also hides the Streamlit header, creating a more streamlined look for your app.
