Is it possible to place custom element on top of sidebar above navigation?

Hi! Is there a way to place a custom HTML on top of the sidebar above the navigation (see screenshot)? I want to put there my logo and title. Unfortunately st.logo() not working for me because you can’t put text there or customise it properly.

So basically I want to move this on top:

    st.sidebar.markdown(
        """
        <div class="brand" style="display: flex; align-items: center; padding: 10px; margin-bottom: 10px;">
            <img src="https://raw.githubusercontent.com/my_acc/icons/main/my_proj/black/_social%20(1).png" alt="My Image" style="width: 40px; height: 40px; margin-right: 10px; vertical-align: middle;">
            <span style="font-size: 24px; font-weight: bold;">My TEXT</span>
        </div>
        """,
        unsafe_allow_html=True
    )

Screenshot from 2024-09-20 11-18-53

1 Like