# Stick header in proper scroll position when having a custom fixed topbar on top of it

**URL:** https://meta.discourse.org/t/stick-header-in-proper-scroll-position-when-having-a-custom-fixed-topbar-on-top-of-it/72873
**Category:** Support
**Created:** [Octobre 26, 2017, 8:08 UTC](https://meta.discourse.org/t/stick-header-in-proper-scroll-position-when-having-a-custom-fixed-topbar-on-top-of-it/72873 "2017-10-26T20:08:53Z")
**Posts on this page:** 1
**Showing post:** 5

<div class="post-metadata">

### Author: ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)
#### Post date: [Octobre 26, 2017, 9:09 UTC](https://meta.discourse.org/t/stick-header-in-proper-scroll-position-when-having-a-custom-fixed-topbar-on-top-of-it/72873/5 "2017-10-26T21:09:41Z")

</div>

> [@Is it possible to change HTML of header and footer and message details on the forum?](https://meta.discourse.org/t/is-it-possible-to-change-html-of-header-and-footer-and-message-details-on-the-forum/66756/9):
>
> I added custom header in ember plugin outlet above-site-header. Then using below simple css I am hiding it when scrolling
> 
> ```plaintext
> .d-header {
> top: auto;
> }
> 
> .docked .d-header {
> top: 0;
> }
> 
> ```

Try this CSS. I hope it will work for any custom header.

---

_[View the full topic](https://meta.discourse.org/t/stick-header-in-proper-scroll-position-when-having-a-custom-fixed-topbar-on-top-of-it/72873)._