> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Agregar un Menú Desplegable a un encabezado

> Dirige a los visitantes de tu página con enlaces a Landing Pages, Ofertas y más en un formato desplegable simplificado.

## Resumen

Personaliza la apariencia de tu Menú de Encabezado agregando un Menú Desplegable para dirigir a los visitantes de tu página con enlaces a Landing Pages, Ofertas y más en un formato desplegable simplificado.

<Note>
  **Nota:** Esta guía se refiere a las Plantillas de Kajabi Pages. Si usas las Plantillas de Premier Legacy, [consulta esta guía](../../website/pages/how-to-add-a-call-to-action-to-your-header-with-premier).
</Note>

***

## Cómo agregar un bloque de menú desplegable

1. Abre la pestaña **Website** desde tu Dashboard.
2. Selecciona **Website Pages** o **Landing Pages**.
3. Abre el editor de páginas de tu Página. [Aprende más](../../website/pages/how-to-get-to-the-page-editor)
4. Ve a la barra lateral y abre la sección **Header**.
5. Haz clic en **Add Content**.
6. Selecciona **Dropdown Menu**.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/001wd8egcx" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Personaliza tu bloque de Menú Desplegable

### Color de texto del desplegable y color de fondo del desplegable

Diseña tu Menú Desplegable para que combine con los colores de tu marca configurando el color de texto y el color de fondo del desplegable.

Haz clic en el ícono **Color** para seleccionar un color de tu paleta de colores del sitio.

Si prefieres usar un color personalizado, haz clic en la rueda de color y luego ingresa tu código de color RGB o usa los deslizadores para elegir tu color.

* La **barra vertical** te permite seleccionar el tono.
* El **cuadro** te permite seleccionar el brillo y la saturación.
* La **barra horizontal** te permite seleccionar la opacidad de tu color.

### Texto del desplegable

Cambia el texto mostrado en tu sección Header para indicar el Menú Desplegable a tus usuarios.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/519402ee_16924695885851.png" alt="Texto del Desplegable" />

### Mostrar ícono

<Note>
  **Nota:** Esta función solo está disponible con tus páginas de Website Builder. [Aprende sobre el Website Builder](../../website/pages/customizing-your-website-pages-with-the-website-builder)
</Note>

Elige mostrar u ocultar el ícono de flecha hacia abajo de tu Menú Desplegable.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/ed623c0d_16924757913115.png" alt="Mostrar Ícono" />

### Menú

Selecciona la lista de enlaces (o menú de navegación) para usar en tu Bloque de Menú Desplegable.

El Bloque de Menú Desplegable en el Editor de Header incluye configuraciones simples para ayudarte a agilizar la construcción de tu página.

Para crear, personalizar y cambiar el menú usado en tu Bloque de Menú Desplegable, [aprende a personalizar tus Menús de Navegación del Sitio Web](https://help.kajabi.com/hc/en-us/articles/360037080193).

<Note>
  **Nota:** Navega rápidamente a tus Menús de Navegación del Sitio Web desde el Bloque de Menú Desplegable haciendo clic en **Edit your link lists** justo debajo del campo Menu en el editor de la barra lateral.
</Note>

### Abrir en una pestaña nueva

Activa esta configuración para abrir el elemento seleccionado de tu menú en una pestaña nueva del navegador del visitante de tu página.

### Alineación del menú desplegable

Cambia la alineación del texto que muestra cada enlace en tu Menú Desplegable (por ejemplo, Izquierda, Centro, Derecha).

### Estirar bloque

Activa la configuración Stretch Block para llenar el espacio restante de la Sección Header.

Una buena regla para usar la función Stretch Block es activarla para el Bloque ubicado más a la izquierda de tu Sección Header.

Por ejemplo, si quieres tener tu Logo en el extremo izquierdo de tu Encabezado y un Menú y Menú de Usuario en el extremo derecho, selecciona **Stretch Block** para tu Logo.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/ftxj5eqdql" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

Controla la alineación y posición de tus Bloques ajustando el Stretch Block y la Alineación de Bloque para los Bloques de tu Header.

### Alineación de texto

Ajusta la alineación horizontal de tu Bloque en el Header para que aparezca más a la izquierda, centrado o a la derecha.

Ten en cuenta que esta configuración se verá afectada por los Bloques cercanos y su posición y alineación.