Title: Header Overlap – hide header
Last modified: August 28, 2018

---

# Header Overlap – hide header

 *  Resolved [turnis](https://wordpress.org/support/users/turnis/)
 * (@turnis)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/header-overlap-hide-header/)
 * 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](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/header-overlap-hide-header/#post-10631714)
 * Hi [@turnis](https://wordpress.org/support/users/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](https://wordpress.org/support/users/turnis/)
 * (@turnis)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/header-overlap-hide-header/#post-10632950)
 * Thanks, it’s working! 🙂

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

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

 * ![](https://i0.wp.com/themes.svn.wordpress.org/siteorigin-corp/1.20.12/screenshot.
   jpg)
 * SiteOrigin Corp
 * [Support Threads](https://wordpress.org/support/theme/siteorigin-corp/)
 * [Active Topics](https://wordpress.org/support/theme/siteorigin-corp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/siteorigin-corp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/siteorigin-corp/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [turnis](https://wordpress.org/support/users/turnis/)
 * Last activity: [7 years, 9 months ago](https://wordpress.org/support/topic/header-overlap-hide-header/#post-10632950)
 * Status: resolved