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

# Transparent header

Extend your hero banner or video banner right into the header area. Adding transparency to the header can give you a more sleek appearance and enhances the visual appeal of your store. Also bringing more attention to your brand and products:

<figure><img src="/files/HCJPQoptHdcu2UaDj7Ls" alt=""><figcaption></figcaption></figure>

When you activate transparency along with the sticky header feature in Pipeline, a frosted header background effect is applied:

<div data-full-width="false"><figure><img src="/files/uJh7t8f3NJGxzSm4Kef6" alt=""><figcaption></figcaption></figure></div>

## Transparent header logo

In the above example, a white logo is added to the Header settings under "Transparent header logo". The regular logo for the header is the dark logo. The dark logo is used on all regular pages (unless you choose to use transparency on pages outside of the homepage).&#x20;

Example of a regular Product page:

<figure><img src="/files/soLpZ48wcEtR73cG2N7L" alt=""><figcaption><p><strong>Uses the regular Header dark logo</strong></p></figcaption></figure>

Transparency can be activated on select page styles, this can work well if you used banners on all of those page types:

<figure><img src="/files/RRwBX6wRLQBlIcFyyaZn" alt=""><figcaption><p><strong>White logo is used on pages with transparency</strong></p></figcaption></figure>

## Fix top gap when using a transparent header

When using an Image banner, Slideshow, Video banner, or similar section as your first section. You might notice a gap or padding at the top that affects the transparent header:

<figure><img src="/files/gqVPo3HZ6xDZt084S19Q" alt=""><figcaption></figcaption></figure>

Simply, adjust the top padding on the section settings for your Image banner, slideshow, video banner, or other section:

<figure><img src="/files/qZXlXXqaPixY9Zt1SOX5" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://pipeline.groupthought.com/header/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.