> For the complete documentation index, see [llms.txt](https://story.groupthought.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://story.groupthought.com/story-theme-v1/header/transparent-header.md).

# Transparent header

Blend the main header and navigation with your hero or slideshow section

Activating the transparent header is Story is one from the Header section setting:

![Enable in the Header settings](https://3450226476-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MI6cK8SrstUdE_nxQrW%2F-MVwN6DFV97KJkM148DL%2F-MVxXx0V0488cQJ5Dqoz%2FKapture%202021-03-16%20at%2017.17.31.gif?alt=media\&token=c7a1be73-71d2-4423-8080-80eed757981d)

Story incudes some helpful customization options for transparent headers including a custom logo plus icon and text colors. Here are some tips to help blend the header and navigation are with your main banner area:

{% embed url="<https://vimeo.com/524577410>" %}
Video: Tips when using a dark hero image
{% endembed %}

Additional tips on how to use both logo images in the header settings:

{% embed url="<https://vimeo.com/524537776>" %}
Video: Dark headers with light hero images
{% endembed %}
