# Estilização móvel quebrada da Navbar de Categorias do Cabeçalho

**URL:** https://meta.discourse.org/t/broken-mobile-styling-of-header-categories-navbar/290036
**Category:** Bug
**Tags:** categories-navbar
**Created:** [Dezembro 27, 2023, 4:32pm UTC](https://meta.discourse.org/t/broken-mobile-styling-of-header-categories-navbar/290036 "2023-12-27T16:32:32Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![BeefofAges](https://avatars.discourse-cdn.com/v4/letter/b/50afbb/32.png) [@BeefofAges](https://meta.discourse.org/u/BeefofAges)
#### Post date: [Dezembro 27, 2023, 4:32pm UTC](https://meta.discourse.org/t/broken-mobile-styling-of-header-categories-navbar/290036/1 "2023-12-27T16:32:32Z")

</div>

Parece que algo (talvez uma alteração no núcleo?) quebrou a experiência do usuário deste componente no celular.

Especificamente, quando no ponto de interrupção móvel e um usuário clica no ícone de chat para abrir o modal de chat, o roteador envia o navegador para /chat e as categorias de thread são renderizadas sobrepostas à navegação do chat.

Aqui estão duas capturas de tela de dois usuários diferentes em navegadores móveis diferentes (Chrome e Safari), e eu também consigo reproduzir no Firefox para celular.

 ![6f829ebe3f9e1b4b3f3666491107914a37eda542](https://global.discourse-cdn.com/meta/original/4X/a/f/a/afada9ce13f4719eca86ef3ebe60300bfb82198c.jpeg)

E a outra:

 ![Screensho.jpg](https://global.discourse-cdn.com/meta/original/4X/3/9/8/3980917659e958d6176cc80b7f2ce3a0a070ecbf.jpeg)

Para constar, não consigo reproduzir isso em um navegador de desktop que esteja no modo de design responsivo ou no modo de emulação móvel. Acho que isso tem a ver com o fato de que o desktop não roteia para /chat quando o ícone de chat é clicado, mas não tenho 100% de certeza sobre isso.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [Dezembro 28, 2023, 8:14am UTC](https://meta.discourse.org/t/broken-mobile-styling-of-header-categories-navbar/290036/2 "2023-12-28T08:14:39Z")

</div>

Acontece em celulares e no meu fórum apenas com o chat.

 ![IMG_2657](https://global.discourse-cdn.com/meta/original/4X/f/2/5/f251854406d82e941fb2b5971340a9940c6d7e0b.jpeg)

Essa captura de tela é de um OnePlus 7 Pro e o navegador é o DuckDuckGo. Mas o mesmo acontece no iPhone/DiscourseHub.

Isso é mais ou menos no nível _um velho amigo veio visitar nas férias_ 😏 porque isso já incomodou antes também.

---

<div class="post-metadata">

### Author: ![BeefofAges](https://avatars.discourse-cdn.com/v4/letter/b/50afbb/32.png) [@BeefofAges](https://meta.discourse.org/u/BeefofAges)
#### Post date: [Dezembro 28, 2023, 4:44pm UTC](https://meta.discourse.org/t/broken-mobile-styling-of-header-categories-navbar/290036/3 "2023-12-28T16:44:12Z")

</div>

Isso poderia ser causado pelo link “voltar ao fórum”? Não me lembro de isso estar em versões anteriores do ponto de interrupção móvel para o Discourse, mas posso estar enganado quanto a isso.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [Dezembro 28, 2023, 4:47pm UTC](https://meta.discourse.org/t/broken-mobile-styling-of-header-categories-navbar/290036/4 "2023-12-28T16:47:38Z")

</div>

Pode ser. Algo semelhante aconteceu antes quando novos elementos surgiram acima da navegação do gato.

---

<div class="post-metadata">

### Author: ![isaac](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/isaac/32/235758_2.png) [@isaac](https://meta.discourse.org/u/isaac)
#### Post date: [Dezembro 29, 2023, 5:11pm UTC](https://meta.discourse.org/t/broken-mobile-styling-of-header-categories-navbar/290036/5 "2023-12-29T17:11:44Z")

</div>

Levando isso para a equipe, obrigado pelo relatório @BeefofAges!

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [Dezembro 29, 2023, 6:31pm UTC](https://meta.discourse.org/t/broken-mobile-styling-of-header-categories-navbar/290036/6 "2023-12-29T18:31:06Z")

</div>

@BeefofAges Acabei de mesclar uma correção para este tema, se você o atualizar, ele deverá funcionar corretamente agora, obrigado.

Decidimos que não era necessário ter esta barra de navegação quando sob uma página de chat.

---

<div class="post-metadata">

### Author: ![BeefofAges](https://avatars.discourse-cdn.com/v4/letter/b/50afbb/32.png) [@BeefofAges](https://meta.discourse.org/u/BeefofAges)
#### Post date: [Dezembro 29, 2023, 6:48pm UTC](https://meta.discourse.org/t/broken-mobile-styling-of-header-categories-navbar/290036/7 "2023-12-29T18:48:10Z")

</div>

Atualização implantada e parece boa. Obrigado pela rápida resolução!

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [Dezembro 29, 2023, 7:02pm UTC](https://meta.discourse.org/t/broken-mobile-styling-of-header-categories-navbar/290036/8 "2023-12-29T19:02:15Z")

</div>


