How to hide "· Streamlit" in app name

[mzeidhassan]

Hi all,

Is there a way to hide the name “· Streamlit” on the web page? Right now, if the app file name is 'Data_Explorer" for example, the web app will have title “Data_Explorer · Streamlit”.

Any idea how can we hide this?

Thanks!

[mzeidhassan]

Sorry, I have just found out that a similar question was raised a while ago.
@admins Please feel free to delete this issue.

How do i change the app title and favicon?

how do i change the app title and favicon ?

[arraydude]

Hi @mzeidhassan, thanks for letting us know

[MaxMnemo]

As a temporary workaround, you can modify the streamlit frontend main file to remove “· Streamlit” from the title.

1. Go to site-packages/streamlit/static/static/js/ and find the ‘main…chunk.js’ file and open it.
2. Search for document.title="".concat(t," \xb7 Streamlit") and replace it with document.title="".concat(t,"")
3. Restart streamlit app and “· Streamlit” should be gone from the title

[Aishwarya_Verma]

@MaxMnemo

document.title=“”.concat(t,“”)

I tried this, but nothing has happened.

[Aishwarya_Verma]

It worked, when I updated the Streamlit Version

[Igor]

Brilliant!

[Naveen_Bhaskar]

How you updated the Streamlit Version.
I tried different ways but did n’t worked.
Can you share the command

[okld]

Hello @Naveen_Bhaskar.

I shared another solution to set your page title without tweaking streamlit files, it’s just a function to add to your app and call:

How to remove the ".Streamlit" from the web page title?

Hello @BeyondMyself, So here’s another very hacky solution. You just have to add and call the following function in your app. def set_page_title(title): st.sidebar.markdown(unsafe_allow_html=True, body=f""" <iframe height=0 srcdoc="<script> const title = window.parent.document.querySelector('title') \ const oldObserver = window.parent.titleObserver if (oldObserver) {{ oldObserver.disconnect() }} \ …

[Naveen_Bhaskar]

@How to remove the ".Streamlit" from the web page title?

def set_page_title(title):
    st.sidebar.markdown(unsafe_allow_html=True, body=f"""
        <iframe height=0 srcdoc="<script>
            const title = window.parent.document.querySelector('title') \
                
            const oldObserver = window.parent.titleObserver
            if (oldObserver) {{
                oldObserver.disconnect()
            }} \

            const newObserver = new MutationObserver(function(mutations) {{
                const target = mutations[0].target
                if (target.text !== '{title}') {{
                    target.text = '{title}'
                }}
            }}) \

            newObserver.observe(title, {{ childList: true }})
            window.parent.titleObserver = newObserver \

            title.text = '{title}'
        </script>" />
    """)


set_page_title("My new title")

Great , its worked .

[randyzwitch]

This has been resolved with version 0.84!

Version 0.84.0

I am excited to announce the release of version 0.84.0 of Streamlit, which includes the long-awaited Session State feature! Release date: Jul 1, 2021 Highlights Introducing st.session_state and widget callbacks to allow you to add statefulness to your apps. Check out the blog post Notable Changes st.text_input now has an autocomplete parameter to allow password managers to be used Other Changes Using st.set_page_config to assign the page title no longer appends “Streamlit” to that ti…