Como personalizar o menu suspenso

Olá! Estou usando o tema Discourse Minima e tenho procurado maneiras de personalizar meu menu suspenso.

No entanto, não consigo encontrar onde personalizar, excluir ou adicionar opções no menu suspenso. Alguém poderia me ajudar?

1 curtida

Eles chamam de menu hambúrguer, então é isso que você deve buscar aqui. Aqui está uma postagem que pode ser útil: Customizing the Hamburger Menu - #2 by JimPas

Além disso, busque pela versão americana “customize” :slight_smile:

4 curtidas

Este componente de tema facilita a adição de links a seções existentes:

A maneira mais fácil de remover opções é escondê-las com CSS, por exemplo:

.hamburger-panel .top-topics-link {
    display: none;
}
5 curtidas

Obrigado, Kris!

Onde devo colar o código? Não consigo editar o CSS do tema e, quando tento fazer isso em um componente ativo, parece que não funciona.

1 curtida

Olá, Sofi,

Para personalizar o menu hambúrguer via CSS, você pode fazer um fork do tema Minima e colar o código no seu fork.

O que você está tentando fazer? Verifiquei que o componente do tema está funcionando corretamente. Consegui adicionar novos links por meio do componente Custom Hamburger Menu Links.

1 curtida

Olá Meghna,

Posso adicionar links ao meu menu hambúrguer, mas não consigo adicionar ou remover itens dele.

Gostaria de personalizar o formato e o que está escrito dentro do meu menu hambúrguer. Por exemplo, meu menu hambúrguer está assim:

Mas gostaria que ele se parecesse com isto:

Quero remover itens como “Cakeday”, “Tags”, etc., e tornar o formato mais quadrado, em vez de retangular e alongado. Existe algum código CSS para isso? Posso criar um novo componente para editá-lo?