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
)