Title: Making header Fixed
Last modified: August 20, 2016

---

# Making header Fixed

 *  Resolved [paul.a.cunn](https://wordpress.org/support/users/paulacunngmailcom/)
 * (@paulacunngmailcom)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/making-header-fixed/)
 * Hi everyone,
 * So on my site I would like the header to be static and stay at the top of the
   browser window. I have done this with the footer but the header is more difficult.
   I have used the “position: fixed;” and then shifted the #wrapper down to account
   for the header but different broswers are adding or taking away space so the 
   slider is sometimes too far down or being overlapped by the header. Here is a
   link to my site. I currently have the header scrolling. I want it to act like
   the footer.
 * [http://www.natalieturgeonband.com/](http://www.natalieturgeonband.com/)
 * Thanks for the help!

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 2 months ago](https://wordpress.org/support/topic/making-header-fixed/#post-3535218)
 * What if you reapply your position fixed and apply some `z-index` to get it on-
   top, and then add some `top` values to your content?
    E.g;
 *     ```
       #slider {
        top: 200px;
       }
       ```
   
 *  Thread Starter [paul.a.cunn](https://wordpress.org/support/users/paulacunngmailcom/)
 * (@paulacunngmailcom)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/making-header-fixed/#post-3535230)
 * I have added the following css to my custom css looks good.
 * #header {
    position: fixed; width: 1140px; z-index: 9; }
 * #slider {
    position: relative; top: 187px; }
 * #container {
    position: relative; top: 187px; }
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 2 months ago](https://wordpress.org/support/topic/making-header-fixed/#post-3535231)
 * 🙂 And I must say, Thank you for your contributions to the WordPress community.
 *  Thread Starter [paul.a.cunn](https://wordpress.org/support/users/paulacunngmailcom/)
 * (@paulacunngmailcom)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/making-header-fixed/#post-3535233)
 * Thanks just paying it forward for all the help I have received.

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

The topic ‘Making header Fixed’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/pinboard/1.1.12/screenshot.png)
 * Pinboard
 * [Support Threads](https://wordpress.org/support/theme/pinboard/)
 * [Active Topics](https://wordpress.org/support/theme/pinboard/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/pinboard/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/pinboard/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [paul.a.cunn](https://wordpress.org/support/users/paulacunngmailcom/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/making-header-fixed/#post-3535233)
 * Status: resolved