# Brand Header making main header jerky on scroll

**URL:** https://meta.discourse.org/t/brand-header-making-main-header-jerky-on-scroll/312643
**Category:** Bug
**Tags:** brand-header
**Created:** [August 9, 2019, 12:16am UTC](https://meta.discourse.org/t/brand-header-making-main-header-jerky-on-scroll/312643 "2019-08-09T00:16:29Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Jennifer\_Abrams](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jennifer_abrams/32/150388_2.png) [@Jennifer\_Abrams](https://meta.discourse.org/u/Jennifer_Abrams)
#### Post date: [August 9, 2019, 12:16am UTC](https://meta.discourse.org/t/brand-header-making-main-header-jerky-on-scroll/312643/1 "2019-08-09T00:16:29Z")

</div>

Does anyone know how to keep this new header from making the main header jerky when scrolling down? It will make the main discourse header dissapear then reappear quickly once when scrolling down for the first time after page load.

Anyone know what Im talking about?

---

<div class="post-metadata">

### Author: ![jtbayly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jtbayly/32/119510_2.png) [@jtbayly](https://meta.discourse.org/u/jtbayly)
#### Post date: [August 26, 2019, 7:29pm UTC](https://meta.discourse.org/t/brand-header-making-main-header-jerky-on-scroll/312643/2 "2019-08-26T19:29:16Z")

</div>

Same issue as discussed (and fixed) here?

> [@How to finely scroll out custom header?](https://meta.discourse.org/t/how-to-finely-scroll-out-custom-header/101869/):
>
> I see the top header of [discourse.ubuntu.com](http://discourse.ubuntu.com) and when I scroll down, the extra header smoothly scrolls out. Unlike other discourse forums like: [https://talk.turtlerockstudios.com](https://talk.turtlerockstudios.com) Notice the glitchy behaviour of the top nav. bar Can you provide the HTML and CSS code for the Ubuntu’s forum? with smooth transitioning

---

<div class="post-metadata">

### Author: ![Jennifer\_Abrams](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jennifer_abrams/32/150388_2.png) [@Jennifer\_Abrams](https://meta.discourse.org/u/Jennifer_Abrams)
#### Post date: [August 31, 2019, 1:18pm UTC](https://meta.discourse.org/t/brand-header-making-main-header-jerky-on-scroll/312643/3 "2019-08-31T13:18:58Z")

</div>

It says it was fixed in the source code but I mean I am on the latest discourse and its happening to me.

It says not to add custom code before #main-outlet. Not sure what this means I should delete though. And it says this was fixed

---

<div class="post-metadata">

### Author: ![jtbayly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jtbayly/32/119510_2.png) [@jtbayly](https://meta.discourse.org/u/jtbayly)
#### Post date: [August 31, 2019, 1:23pm UTC](https://meta.discourse.org/t/brand-header-making-main-header-jerky-on-scroll/312643/4 "2019-08-31T13:23:25Z")

</div>

I’m not on latest, so I didn’t mention it, but it’s happening to me, too.

---

<div class="post-metadata">

### Author: ![Jennifer\_Abrams](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jennifer_abrams/32/150388_2.png) [@Jennifer\_Abrams](https://meta.discourse.org/u/Jennifer_Abrams)
#### Post date: [August 31, 2019, 1:26pm UTC](https://meta.discourse.org/t/brand-header-making-main-header-jerky-on-scroll/312643/5 "2019-08-31T13:26:41Z")

</div>

supposedly this fixed it

[https://github.com/discourse/discourse/commit/ac7b05884917c8949ad9690d1e3b63eeb7f6303f](https://github.com/discourse/discourse/commit/ac7b05884917c8949ad9690d1e3b63eeb7f6303f)

But its not fixed

Do you think you can submit a github ticket for the jerky header issue given you also have the issue? I have no idea how to do that

---

<div class="post-metadata">

### Author: ![jtbayly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jtbayly/32/119510_2.png) [@jtbayly](https://meta.discourse.org/u/jtbayly)
#### Post date: [August 31, 2019, 1:36pm UTC](https://meta.discourse.org/t/brand-header-making-main-header-jerky-on-scroll/312643/6 "2019-08-31T13:36:36Z")

</div>

No need. Discussing it here will get it the necessary attention.

It’s just as likely to be a problem with this theme component as it is with Discourse itself.

---

<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: [September 3, 2019, 8:24pm UTC](https://meta.discourse.org/t/brand-header-making-main-header-jerky-on-scroll/312643/7 "2019-09-03T20:24:45Z")

</div>

[https://github.com/discourse/discourse-brand-header/commit/e25f8ff67986313c7c68ef2526c50f8ca3737481](https://github.com/discourse/discourse-brand-header/commit/e25f8ff67986313c7c68ef2526c50f8ca3737481)

The above commit should resolve the issue. Please check it now and let me know. @Jennifer_Abrams @jtbayly

---

<div class="post-metadata">

### Author: ![jtbayly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jtbayly/32/119510_2.png) [@jtbayly](https://meta.discourse.org/u/jtbayly)
#### Post date: [September 3, 2019, 8:29pm UTC](https://meta.discourse.org/t/brand-header-making-main-header-jerky-on-scroll/312643/8 "2019-09-03T20:29:23Z")

</div>

Oh. It’s beautiful. Thx much!

---

<div class="post-metadata">

### Author: ![Jennifer\_Abrams](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jennifer_abrams/32/150388_2.png) [@Jennifer\_Abrams](https://meta.discourse.org/u/Jennifer_Abrams)
#### Post date: [October 14, 2019, 1:58pm UTC](https://meta.discourse.org/t/brand-header-making-main-header-jerky-on-scroll/312643/9 "2019-10-14T13:58:01Z")

</div>

yup it’s fixed, thx!

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [June 18, 2024, 9:55pm UTC](https://meta.discourse.org/t/brand-header-making-main-header-jerky-on-scroll/312643/10 "2024-06-18T21:55:38Z")

</div>


