Header Overlap – hide header | ww.wp.xz.cn

Resolved turnis
(@turnis)

7 years, 9 months ago

Hi,

Is there a way to use “Header Overlap” and hide the header until the user scrolls down and sees the sticky header appear with all of it’s contents?

Viewing 2 replies - 1 through 2 (of 2 total)

Andrew Misplon
(@misplon)

7 years, 9 months ago
Hi @turnis

The header is assigned a class of stuck on scroll so you can use that.
```
.site-header {
	display: none;
}

.site-header.stuck {
	display: block;
}
```
Thread Starter turnis
(@turnis)

7 years, 9 months ago

Thanks, it’s working! 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Header Overlap – hide header’ is closed to new replies.

2 replies
2 participants
Last reply from: turnis
Last activity: 7 years, 9 months ago
Status: resolved