# Manter o cabeçalho da marca fixo em vez de rolar?

**URL:** https://meta.discourse.org/t/keep-brand-header-static-instead-of-scrolling/312630
**Category:** Development
**Tags:** css, brand-header
**Created:** [Maio 7, 2018, 3:45pm UTC](https://meta.discourse.org/t/keep-brand-header-static-instead-of-scrolling/312630 "2018-05-07T15:45:41Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![cadriel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cadriel/32/120018_2.png) [@cadriel](https://meta.discourse.org/u/cadriel)
#### Post date: [Maio 7, 2018, 3:45pm UTC](https://meta.discourse.org/t/keep-brand-header-static-instead-of-scrolling/312630/1 "2018-05-07T15:45:41Z")

</div>

Confirmando;

Após a instalação, parece que o cabeçalho rola para fora da página. Existe alguma maneira de fixar o cabeçalho no lugar acima do cabeçalho do Discourse existente?

---

<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: [Maio 8, 2018, 3:36pm UTC](https://meta.discourse.org/t/keep-brand-header-static-instead-of-scrolling/312630/2 "2018-05-08T15:36:41Z")

</div>

Não consigo reproduzir o problema. Você pode me enviar uma captura de tela?

---

<div class="post-metadata">

### Author: ![cadriel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cadriel/32/120018_2.png) [@cadriel](https://meta.discourse.org/u/cadriel)
#### Post date: [Maio 8, 2018, 4:32pm UTC](https://meta.discourse.org/t/keep-brand-header-static-instead-of-scrolling/312630/3 "2018-05-08T16:32:05Z")

</div>

Oh, desculpe pela confusão - estou perguntando sobre o comportamento pretendido?

Localmente, vejo o cabeçalho da marca rolando para fora da página enquanto eu rolo por um tópico longo.

---

<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: [Maio 8, 2018, 5:02pm UTC](https://meta.discourse.org/t/keep-brand-header-static-instead-of-scrolling/312630/4 "2018-05-08T17:02:03Z")

</div>

Tente alterar o estilo CSS `.b-header` como abaixo

```css
.b-header {
  position: fixed;
}

```

Pode ser necessário mais edições no CSS para alcançar seu objetivo.

---

<div class="post-metadata">

### Author: ![cadriel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cadriel/32/120018_2.png) [@cadriel](https://meta.discourse.org/u/cadriel)
#### Post date: [Maio 8, 2018, 11:49pm UTC](https://meta.discourse.org/t/keep-brand-header-static-instead-of-scrolling/312630/5 "2018-05-08T23:49:25Z")

</div>

Obrigado, Vinoth.

Encontrei algumas coisas que ajudam nisso:

```plaintext
.b-header {
  position: fixed;
  z-index: 1001;
  height: $header-height;
}

.docked .d-header {
  margin-top: $header-height;
}

#main-outlet {
  padding-top: $discourse-content-padding + $header-height;
}

```

Isso faz com que o cabeçalho personalizado fique fixo ao rolar a página e fique acima do cabeçalho do Discourse o tempo todo.

A única desvantagem dessa abordagem que consigo ver é que o título do tópico aparece no cabeçalho do Discourse um pouco mais tarde do que o normal, devido à altura estática adicional do componente do cabeçalho.

Não tenho certeza de como alterar essa lógica — provavelmente está nos bastidores do Discourse em algum lugar.
