Editor de Wix Harmony: usar menús de hamburguesa
9 min
En este artículo
- Agregar un menú de hamburguesa
- Personalizar el botón que abre el menú
- Personalizar el contenedor del menú de hamburguesa
- Personalizar el botón que cierra el menú
Este artículo hace referencia al nuevo Editor de Wix Harmony, lanzado en enero de 2026. Si no tienes la seguridad de si estás usando el Editor de Wix Harmony o el Editor de Wix, obtén más información aquí.
Los menús de hamburguesa ofrecen una solución limpia que ahorra espacio y que solo aparece cuando se hace clic en el icono del menú.
Tienes el control total sobre los elementos de diseño del menú de hamburguesa, lo que te permite adaptarlo específicamente a tu marca y estilo.
Agregar un menú de hamburguesa
Hay 2 formas sencillas de agregar un menú de hamburguesa a tu sitio. Puedes agregar un menú de hamburguesa totalmente nuevo desde el panel Agregar elementos o cambiar rápidamente un menú existente al estilo hamburguesa directamente desde la barra de acciones.
Para agregar un menú de hamburguesa:
- Ve a tu editor.
- Elige qué hacer a continuación:
Agregar un nuevo menú de hamburguesa
junto a las categorías para navegar por la lista.Cambiar del estilo actual al de hamburguesa
¿Sabías lo siguiente?
Cuando agregas un menú horizontal o vertical al encabezado para dispositivos de escritorio, se convierte automáticamente en un menú de hamburguesa para los dispositivos móviles. Esto garantiza que quienes visitan tu sitio puedan tener acceso al menú desde todos los dispositivos.
Personalizar el botón que abre el menú
El botón del menú de hamburguesa es una parte fundamental de la navegación de tu sitio y puedes hacer que coincida fácilmente con tu estilo. Ajusta el icono y el texto para que digan exactamente lo que quieres y, luego, afina los detalles del diseño, desde los colores hasta el espaciado y la animación.
Para personalizar el botón 'Abrir':
- Ve a tu editor.
- Haz clic en el icono de menú de hamburguesa.
- Elige cómo personalizar el botón:
Cambiar el icono
en Elige un icono.Configurar el texto del botón
en la barra de acciones.Diseñar el botón
en la barra de acciones.Personalizar el contenedor del menú de hamburguesa
Cuando las personas hacen clic en el icono de menú de hamburguesa, el menú del sitio se abre en un contenedor espacioso con una superposición, lo que facilita su lectura. Hay muchas cosas que puedes personalizar: ajusta los colores del contenedor, del menú y de la superposición, y agrega más elementos, como tu logo o una barra de redes sociales.
Para personalizar el contenedor del menú de hamburguesa:
- Ve a tu editor.
- Accede al contenedor:
- Haz clic en el icono de menú de hamburguesa.
- Haz clic en el menú desplegable Modo normal y selecciona Menú hamburguesa.
- Elige qué hacer a continuación:
Diseñar el contenedor
: cambia el color del fondo del contenedor y el color de la superposición, eligiendo uno de los colores de tu marca o un color personalizado.
: define los bordes del contenedor para que destaque, eligiendo un color, ancho y estilo. Haz clic en el icono Editar bordes individuales 
para diseñar cada lado del borde.
: haz que las esquinas del contenedor sean más cuadradas o redondeadas arrastrando el control deslizante en Radio. Haz clic en el icono Editar esquinas individuales 
para diseñar cada esquina por separado.
: aplica una sombra interna y externa para darle al contenedor un efecto 3D interesante, configurando la posición, el desenfoque, el color y más.
: agrega algo de espacio a tu contenido añadiendo un relleno alrededor del contenedor.
: decide dónde debe posicionarse cada elemento: el botón de cierre, el menú dentro del contenedor y el contenedor en relación con la página. Tú eliges cuánto espacio ocupa el contenedor (por ejemplo, un tercio de la página, media página, etc.).Administrar y diseñar el menú
Agregar elementos al contenedor
¿Terminaste de editar?
Haz clic en Listo junto a Editando: Menú hamburguesa en la barra flotante para volver a tu página.
Personalizar el botón que cierra el menú
Personaliza el botón que la gente pulsa para cerrar el menú de hamburguesa. Sustituye el icono, agrega un texto útil (por ejemplo, "Salir") y ajusta el diseño como quieras.
Para personalizar el botón 'Cerrar':
- Ve a tu editor.
- Accede al botón "Cerrar":
- Selecciona el icono de menú de hamburguesa.
- Haz clic en el menú desplegable Modo normal y selecciona Menú hamburguesa.
- Haz clic en el botón "Cerrar".
- Elige qué hacer a continuación desde la barra de acciones:
Agregar texto al icono
Personalizar el icono
Diseñar el botón 'Cerrar'
¿Terminaste de editar?
Haz clic en Listo junto a Editando: Menú hamburguesa en la barra flotante para volver a tu página.