Transparent Header Effect

Transparent Header

• Causes your header to be completely transparent before the user scrolls. This will be triggered automatically when using a post header, or you can manually trigger it per page.

Transparent Light Logo

• This will be used when the header is transparent before the user scrolls.

Transparent Light Mobile Logo

• A separate header starting logo that will be shown on mobile devices only.

Transparent Dark Logo

• This will be used when the header transparent effect is active and the dark color is selected.

Transparent Dark Mobile Logo

• A separate header starting dark logo that will be shown on mobile devices only.

Transparent Light Text Color

• Select the color you desire for your header text before the user scrolls

Transparent Dark Text Color

• Select the color you desire for your header text when the dark header is active.

Header Starting Text Opacity

Header Permanent Transparent

• Turning this on will allow your header to remain transparent even after scrolling down. This option will override all colors. An example of this effect can be seen on the Nectar Solutions template.

Add Shadow Behind Transparent Header

• Add a subtle shadow behind your transparent header to help with the visibility of your navigation items.