# How to remove sticky top bar?

**URL:** https://meta.discourse.org/t/how-to-remove-sticky-top-bar/88333
**Category:** Support
**Created:** [May 24, 2018, 4:03am UTC](https://meta.discourse.org/t/how-to-remove-sticky-top-bar/88333 "2018-05-24T04:03:38Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![coolstart](https://avatars.discourse-cdn.com/v4/letter/c/839c29/32.png) [@coolstart](https://meta.discourse.org/u/coolstart)
#### Post date: [May 24, 2018, 4:03am UTC](https://meta.discourse.org/t/how-to-remove-sticky-top-bar/88333/1 "2018-05-24T04:03:38Z")

</div>

the top bar including logo stays sticky whenever I scroll up and down the page.

Acutally I wanna make it sticky only when I scroll up and not sticky when scroll down the page.  
if it’s not possible then I just wanna remove sticky feature.

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [May 24, 2018, 4:05am UTC](https://meta.discourse.org/t/how-to-remove-sticky-top-bar/88333/2 "2018-05-24T04:05:46Z")

</div>

There is no setting to remove the sticky header – it’s a fundamental part of Discourse.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [May 24, 2018, 4:45am UTC](https://meta.discourse.org/t/how-to-remove-sticky-top-bar/88333/3 "2018-05-24T04:45:39Z")

</div>

You could disable the stickiness by creating a theme and adding this to your CSS:

```CSS
.d-header {
    position: relative;
}

```

This may impact the layout in other ways and cause issues with the dropdown menus, so you’d need to write some additional CSS to get around those problems. Getting started with themes: [Structure of themes and theme components](https://meta.discourse.org/t/how-to-develop-custom-themes/60848/1).

There are also a lot of additional topics that might help you with general Discourse questions in the #howto category.

---

<div class="post-metadata">

### Author: ![spirobel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spirobel/32/170908_2.png) [@spirobel](https://meta.discourse.org/u/spirobel)
#### Post date: [May 22, 2020, 2:47pm UTC](https://meta.discourse.org/t/how-to-remove-sticky-top-bar/88333/4 "2020-05-22T14:47:55Z")

</div>

> [@awesomerobot](#):
>
> This may impact the layout in other ways and cause issues with the dropdown menus, so you’d need to write some additional CSS to get around those problems.

Hi, I am curious what these issues might be? I turned off the `position: fixed` rule with the inspector to play around with this. I played around with the menus and everything seems to work fine.  
I found the header height matters maybe when it comes to scrolling, but I am not sure yet what the implications are. topictimeline: [discourse/app/assets/javascripts/discourse/app/widgets/topic-timeline.js at 9482ddff7343d2e913a5177d2cdef100140b57f2 · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/9482ddff7343d2e913a5177d2cdef100140b57f2/app/assets/javascripts/discourse/app/widgets/topic-timeline.js#L20)  
keyboardshortcuts:  
[discourse/app/assets/javascripts/discourse/app/lib/keyboard-shortcuts.js at 350fe932cafa2874e5fd87b4d401223754158656 · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/350fe932cafa2874e5fd87b4d401223754158656/app/assets/javascripts/discourse/app/lib/keyboard-shortcuts.js#L636)  
offset calculator: [discourse/app/assets/javascripts/discourse/app/lib/offset-calculator.js at 7a2e8d3ead63c7d99e1069fc7823e933f931ba85 · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/7a2e8d3ead63c7d99e1069fc7823e933f931ba85/app/assets/javascripts/discourse/app/lib/offset-calculator.js#L7)  
I also tried to set `position: relative`, but then I have some empty space at the top of the page, but `position: absolute` seems to work fine.  
PS: I know the sticky header is very important to you. I was okay with the sticky header before, but I am on a prolonged holiday in Taiwan and I have to use this tiny laptop screen all day. I will remove it in a theme component. I am sorry, but I have to do it. it makes me dizzy 😃

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [May 22, 2020, 11:02pm UTC](https://meta.discourse.org/t/how-to-remove-sticky-top-bar/88333/5 "2020-05-22T23:02:25Z")

</div>

There might not be any related issues, but it’s not something we’ve seen many sites do, so it hasn’t been tested nearly as much as the default behavior.
