# 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:** Product Support\
**Created:** [Outubro 26, 2017, 8:08pm 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:** 6

<div class="post-metadata">

**Author:** ![Tim\_van\_Son](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tim_van_son/32/91448_2.png) [@Tim\_van\_Son](https://meta.discourse.org/u/Tim_van_Son)\
**Post date:** [Março 7, 2018, 9:30am UTC](https://meta.discourse.org/t/stick-header-in-proper-scroll-position-when-having-a-custom-fixed-topbar-on-top-of-it/72873/6 "2018-03-07T09:30:46Z")

</div>

Guys, I am pretty new to editing the CSS and stuff like that so I’m sorry if this question has already been answered.

Our forums’ header looks like this with a custom bar:

 ![GIF%20forum](https://global.discourse-cdn.com/meta/original/3X/f/b/fb63b041097078a5f76c9123d7522cb72be244c9.gif)

So what we want right here is the global topbar to be gone when scrolling down, and the main topbar stick to the top. We already tried adding the codes above to the CSS but when we do this the main topbar will stick to the top with a wide gap.

Is there anyone that can help me out with this?

---

_[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)._
