# Transparent header

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

![Enable in the Header settings](/files/oqfz1ETZ3bIC01VHeW1N)

#### Alternate logo

Use the Alternate logo option to provide an image that works best with your transparent header.&#x20;

#### Enable on pages

Choose which type of pages to display the transparent header. Most stores will display on the home page. You have to ability to also display on collection pages and blog post pages (article pages).

### Sticky header

When using the sticky header feature, your customers will always have access to the header area while scrolling down the page. When you combine the transparent header feature with a sticky header, you can use two different logo images. The alternate logo image is used in the transparent header and the main primary logo image is used in the sticky header while your customer is scrolling:

![Darker logo appears when scrolling down the page](/files/NXdj8kEUoB45SIbD8JBl)

In the above example, the main logo is dark and appears in the sticky header:

![Primary logo - Used while scrolling down](/files/A0xlRuXa2YepEEu4xamS)

The alternate logo which is white, appears in the transparent header:

![Alternate logo - Used in the transparent header](/files/nMO7SuAUxP253lmxDdOZ)

Additional tips when using a dark background as the header color:

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://story.groupthought.com/story-v2/header/transparent-header.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
