close the sidebar

Using Streamlit
,
1

I want to close the sidebar, actually there is no way to use css improvement, but after css improvement refresh will see the sidebar, but I do not want to see the sidebar when refreshed

2

Iā€™m not sure I understood your problem. Do you want to always hide the sidebar?

If that is the case, have you tried using the st.set_page_config at the top of your Streamlit app script? Like so:

st.set_page_config(initial_sidebar_state="collapsed")

If you would like to hide the sidebar button too, you could make a CSS adjustment with :

st.markdown(
    """
    <style>
        div[data-testid="collapsedControl"] {
            visibility: hidden;
        }
    </style>
    """,
    unsafe_allow_html=True
)

I hope that helps! Otherwise, please provide more details about your issueā€¦

3

I am assuming you are using st.markdown. To make changes permanent, best to use javascript via Components API - Streamlit Docs where you add changes to a <style></style>. When app is refreshed, it wonā€™t flash from streamlit format to your new format.

4

Just include the following line of code to hide the sidebar:
st.markdown(ā€œ [data-testid=ā€˜stSidebarā€™][aria-expanded=ā€˜trueā€™]{displace: none; } ā€, unsafe_allow_html=True)

5

The problem has been solved. The official method is to configure it in config.toml. Thank you for your answers.

[client].
ShowSidebarNavigation = false