Neve Header Transparent (PRO)

📝 Note: Header transparent is part of Neve Pro's Header Booster module.

The Transparent Header option allows you to create beautiful-looking headers easily. Enabling the transparent header option will set the header background to transparent and pull the page content to the top. That means your top part of the page content will be set as a background to the transparent header.

📝Note: The transparent header will apply to the entire header area you are building, unlike the sticky header option that applies to each individual row.

1

Navigate to Appearance > Customize > Header.  

2

Open the Global Header Settings.

3

Switch to the Style tab and enable the Transparent Header toggle.

💡 Result

🗂 Edge Cases

There are some cases when the front page is static, and it doesn't contain a Hero Image, as it has above. If the transparent header collapses over the content, you can use a custom layout with a spacer block. In the below example, we have done this for the front page:

Before using the Custom Layouts

After using the Custom Layouts

📝 Note: For further information about custom layouts, check this doc.