Reply To: Assistance Required for Customizing Header Visibility on Home Page

Hello,

Without making adjustments, achieving the desired effect will not be possible. To achieve the desired effect, you will need to follow these steps:

1. Duplicate the Existing Header:
– Go to [screenshot](https://monosnap.com/file/BdCD4xX3z8f1f6DYWXgZwcu4tZThY0) to see how to duplicate the existing header.

2. Make the Duplicated Header Overlap:
– Set the duplicated header to overlap with the content using the options shown in [screenshot](https://monosnap.com/file/Pqq1qMGxMvjrdrS4OzirBw80Pa1vuI).

3. Change the Sticky Effect:
– Adjust the sticky effect to “slide after scrolled down” as shown in [screenshot](https://monosnap.com/file/tDo46Q1FsXDlSxG7mvJDnY21ff4ijQ).

4. Assign the Duplicated Header to the Homepage:
– Set the duplicated header as the custom header for your homepage by following the steps in [screenshot](https://monosnap.com/file/0aCzS1nhLALy1qb8oDmNhvfl7HWKs8).

5. Add Custom CSS Code:
– Insert the following custom CSS code into the global CSS area in Theme Settings.

.whb-header:not(.whb-sticked) {
	opacity: 0;
}

Best Regards.