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

# Transparent header

Make your store's header transparent on your Home page and other pages to display the full height of your [Slideshow](/lorenza/sections/theme-sections/slideshow.md), [Slideshow split](/lorenza/sections/theme-sections/slideshow-split.md), [Image hero](/lorenza/sections/theme-sections/image-hero.md), or [Video hero](/lorenza/sections/theme-sections/video-hero.md).

![](/files/Y8hEHXm6QHEru73yHsCu)

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Click the **Header** section and scroll down the the **Transparent header** settings.

   ![](/files/5tMyyscWEFrs5A4h2hoj)
2. Check the **Enable on home page** checkbox to turn on the transparent header.

   > Ensure that you have a Slideshow, Video hero, or Image hero section as the first section on your homepage.
3. Add a **Logo image** to be used specifically with the transparent header.

   > Use an edited logo image with alternate colors to contrast with your images or video. For example, if your default logo is black, upload a white transparent header logo to contrast with darker images or videos.
4. Set the **Text color** and **Cart count text color** to look good opposite the colors of your images or video.

   > Use light colors for darker images and dark colors for lighter images to make sure they are clear and readable.
5. Click **Save**.

</details>

## Settings reference

Click on the **Header** section to find the following settings:

| Setting             | Description                                                                                                                                                                                                                |
| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Enable on home page | Select this checkbox to enable the transparent header feature.                                                                                                                                                             |
| Logo image          | <p>Select or upload a logo image when the transparent header is used.<br><br>This logo is only used when the header is shown as a transparent header. Scroll up to the normal header settings to pick the normal logo.</p> |
| Text color          | <p>Select a color of all header text.<br><br>Make sure the text is readable against your top-most home page section's background colors, images, or video.</p>                                                             |
| Border color        | Select a color for the borders and lines used in the header.                                                                                                                                                               |
| Border opacity      | Set the border opacity between 0 (hidden) and 10 (opaque).                                                                                                                                                                 |
| <p><br></p>         |                                                                                                                                                                                                                            |

***

> **Related links**
>
> [Header](/lorenza/pages/header.md)