Cómo personalizar el menú desplegable

¡Hola! Tengo el tema de Discourse Minima y he estado buscando formas de personalizar mi menú desplegable.

Sin embargo, no he encontrado dónde personalizar, eliminar o agregar las opciones en el menú desplegable. ¿Alguien podría ayudarme?

1 me gusta

Lo llaman menú hamburguesa, así que eso es algo que puedes buscar aquí. Aquí tienes una publicación que podría ser útil: Customizing the Hamburger Menu - #2 by JimPas

También busca la versión estadounidense de “personalizar” :slight_smile:

4 Me gusta

Este componente del tema facilita agregar enlaces a secciones existentes:

La forma más sencilla de eliminar opciones es ocultarlas con CSS, por ejemplo:

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

¡Gracias, Kris!

¿Dónde debo pegar el código? No puedo editar el CSS de un tema y, cuando intento hacerlo en un componente activo, parece que no surte efecto.

1 me gusta

Hola Sofi,

Para personalizar el menú hamburguesa mediante CSS, puedes bifurcar el tema Minima y pegar el código en tu bifurcación.

¿Qué estás intentando hacer? Verifiqué que el componente del tema funciona correctamente. Pude agregar nuevos enlaces mediante el componente Custom Hamburger Menu Links.

1 me gusta

Hola Meghna,

Puedo agregar enlaces a mi menú hamburguesa, pero no puedo agregar ni eliminar elementos en él.

Me gustaría personalizar la forma y el contenido de mi menú hamburguesa. Por ejemplo, mi menú hamburguesa se ve así:

Pero me gustaría que se viera algo así:

Quisiera eliminar elementos como “Cakeday”, “Tags”, etc., y hacer que la forma sea más cuadrada en lugar de rectangular y alargada. ¿Existe algún código CSS para ello y puedo crear un nuevo componente para editarlo?