Bug do tema Horizon: contêiner do título da categoria fixo nas listas de tópicos

Olá pessoal

Quando adiciono uma imagem, ícone ou emoji a uma categoria, o category-heading da categoria fica fixo ao rolar para baixo e ocupa muito espaço.

CleanShot 2025-10-31 at 14.03.16

O componente de tema do cabeçalho da categoria também é afetado, veja minha postagem abaixo para referência.

3 curtidas

Sim, concordo que esse é um efeito colateral irritante.

Infelizmente, não tenho uma solução para isso. O cabeçalho da categoria está no mesmo elemento fixo da navegação, e não consigo mover a propriedade sticky um nível abaixo, porque sticky não funciona dentro de um elemento flexível…

Aconselho você a ocultar ou minimizar o logotipo com CSS no celular.

1 curtida

A navegação fixa também me incomoda. Ocupa muito espaço.

Como posso desativá-la?

Não há uma configuração para isso. Você terá que sobrescrever o CSS.

O Tema Horizon possui um recurso interessante, onde a descrição da Categoria permanece visível enquanto a Lista de Tópicos é rolada:

Embora isso seja ótimo no desktop, quando o espaço fica limitado (por exemplo, no celular), isso torna a lista de Tópicos bastante difícil de ler (especialmente se o texto for muito extenso)

2 curtidas

Este é um efeito colateral não intencional de querer manter a navegação visível na verdade. Não tenho certeza se pode ser corrigido (ambos os elementos podem estar no mesmo contêiner ou algo assim? :thinking: ) e, se eu tiver que escolher, manterei minha intenção original.

Se alguém se sentir à vontade para dar uma olhada, sinta-se à vontade.

1 curtida

Resolvi usando CSS.

/* Desativar controles de lista fixos do Horizon no mobile */
@media (max-width: 767px) {
  .list-controls {
    position: static !important;
    top: auto !important;
    transform: none !important;
    margin-top: 0 !important;
  }
}
3 curtidas

Isso não apenas “desgruda” tanto a descrição quanto a navegação no mobile?

Nós realmente queremos que a descrição desapareça, enquanto a navegação fique fixa.

2 curtidas

A navegação também ocupou muito espaço para nós.

No momento, estamos considerando usar abas roláveis.

Gostaria que ela fosse fixa, mas ainda não consegui fazer isso funcionar.

1 curtida

Certo, infelizmente não há uma maneira simples de fazer isso usando CSS sem reestruturar também o layout.

O tema Horizon atualmente torna todo o container .list-controls fixo, o que inclui o cabeçalho da categoria. Não podemos tornar o container filho .navigation-container fixo por conta própria, porque elementos fixos ficam presos dentro do contexto de rolagem de seu elemento pai.

Nós poderíamos reestruturar essa área, mas é um daqueles mudanças que impactariam todos os temas que usam estilos com a estrutura existente… então há uma boa chance de regressão para outros temas e personalizações, mesmo que eles não tenham uma navegação fixa como esta.

1 curtida

Então, qual é o caminho a seguir para isso?

Fico me perguntando se não deveríamos simplesmente ocultar a descrição da categoria no mobile para o Horizon. De qualquer forma, as informações estão sendo duplicadas em um espaço bastante limitado.

Consegui fazer isso com um CSS simples na aba Mobile de um TC:

.category-heading.--has-logo {
    display: none;
}

Talvez isso devesse ser incluído no Horizon?

Você acabou de criar o caminho a seguir: use CSS personalizado para ajustar conforme suas preferências :+1:

1 curtida

Sim, mas neste caso é um problema mais amplo com o Tema, e não apenas uma preferência minha. É difícil imaginar alguém que realmente gostaria de uma descrição de categoria grande e fixa em dispositivos móveis — não acho que essa fosse sua intenção com o design.

1 curtida

É realmente imprevisível o que as pessoas querem em sua comunidade. Estou optando por deixá-lo como está; se as pessoas quiserem, podem escondê-lo facilmente, e esse caminho é menos confuso do que pensar: ‘por que meu banner de categoria não aparece no celular?’

E quanto aos planos de hospedagem (ou seja, o plano gratuito) onde os administradores não podem adicionar CSS personalizado?

Se algumas pessoas realmente quiserem isso (o que duvido), talvez pudesse haver uma configuração de tema que a controlasse?

1 curtida