# Transparent header

Expand the featured banner to display in-front with the navigation:

![](https://894491487-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LovEU3LvzkJzFkXarYD%2F-MN-lNWPg4d9A8ppunDK%2F-MN-np6MaFZDX0c5yexl%2Ftransparent-header-video.gif?alt=media\&token=a0bc8c3a-1026-4b6a-accb-d65832b991a1)

Enable for pages which use banners:

![](https://894491487-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LovEU3LvzkJzFkXarYD%2F-MN-lNWPg4d9A8ppunDK%2F-MN-qrEU_WncJFBn7wZm%2Ftransparent-header-options.png?alt=media\&token=92ed3881-c9a8-4b37-b051-025d468cffc5)

**Sticky header combined with transparent header:**

When both sticky and transparent are enabled, an **Alternate logo** can be used to bring out contrast in the transparent navigation area. The **Alternate logo** is displayed  before any scrolling occurs. As scrolling begins, the main logo image will be displayed in the sticky header area.