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.