Header overlaps

Hi piotroq

Good question! I’ll take a look tomorrow morning and come back to you ASAP with a solution. Chat then, cheers 🙂

Hi piotroq

I’ve tested the setting and it seems to work ok on my local install. Please, can you check, if you go to Pages and edit the page in question, is the Overlap Header setting enabled in the Page Slider meta box in the right column?

Thanks.

Its work perfectly but i have one more questions. How do make background sticky header transparent opacity 0 and header on mouse scroll active background white opacity 1.

How made this?

Best regards

Super, glad to hear you’re making progress.

To reduce the non-stuck header opacity to zero, try adding the following to Customize > Additional CSS:

.overlap .site-header:not(.is-stuck) {
    background: rgba(255, 255, 255, 0);
}

.overlap .site-header:not(.is-stuck):after {
	box-shadow: none;
}