Editor de Wix Harmony: usar menús tipo hamburguesa

1. Haz clic en + Agregar en la parte superior izquierda del editor.
2. Selecciona la categoría Menú y búsqueda.
   Consejo: Haz clic en el icono Flecha junto a las categorías para navegar por la lista.
3. Selecciona la pestaña Menú hamburguesa.
4. Arrastra y suelta el menú correspondiente a la ubicación deseada en la página. 

1. Haz clic en el menú correspondiente. 
2. Haz clic en Cambiar formato en la barra de acciones.
3. Selecciona Hamburguesa en Menú.

1. Haz clic en Personalizar icono en la barra de acciones. 
2. Elige si el icono es Estático o Animado.
   Consejo: Puedes hacer clic en Crear nuevo icono animado para crear uno propio, usando un icono de inicio y otro de finalización.
3. Haz clic en el icono Reemplazar en Elige un icono.
4. Selecciona un nuevo icono en el Administrador de multimedia y haz clic en Actualizar.
5. (Para iconos animados) Establece la duración de la animación. 

1. Haz clic en el icono Ajustes en la barra de acciones.
2. Elige qué hacer a continuación:
   • Ingresa el texto que aparecerá junto al icono en el botón (por ejemplo, 'Menú', 'Abrir').
   • Reemplaza el icono en el que los visitantes hacen clic para abrir el menú.
   • Agrega un nombre accesible (texto alternativo) que describa el icono para los motores de búsqueda y los lectores de pantalla.

1. Haz clic en el icono Todas las opciones de diseño  en la barra de acciones.

2. Selecciona la parte correspondiente del botón en Elige qué quieres diseñar:

   • Botón para abrir: diseña el botón en su totalidad: el color de relleno, el borde, las esquinas, la sombra, el espaciado, la alineación y más.

   • Texto: controla el diseño y el formato del texto que aparece junto al icono en el botón de menú tipo hamburguesa.

   • Icono animado: cambia el color, el tamaño y el ángulo de rotación del icono.

Personaliza el contenedor que alberga el menú. Cambia el color del fondo, agrega bordes, reposiciona el menú y mucho más. 

1. Haz clic en el icono Todas las opciones de diseño en la barra de acciones.

2. Verifica que el Menú hamburguesa esté seleccionado en Elige qué diseñar.

3. Diseña el contenedor:

   • Colores de relleno : 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.
     Consejo: La superposición es una capa semitransparente que desenfoca la página y permite que los visitantes se centren en el menú.

   • Borde : define los bordes del contenedor para que se destaque, eligiendo un color, un ancho y un estilo. Haz clic en el icono Editar bordes individualmente  para diseñar cada lado del borde.

   • Esquinas : haz que las esquinas del contenedor sean más cuadradas o redondeadas arrastrando el control deslizante debajo de Radio. Haz clic en el icono Editar esquinas individualmente para diseñar cada esquina por separado. 

   • Sombra : aplica sombras internas y externas para darle al contenedor un efecto 3D interesante, configura la posición, el desenfoque, el color y más.

   • Espaciado : añade espacio al contenido al agregar relleno alrededor del contenedor.

   • Estilo : decide dónde se debe colocar todo: el botón para cerrar el menú, 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.)

1. Haz clic en el menú.

2. Elige qué hacer a continuación:

   • Administrar los ítems del menú: haz clic en Administrar menú en la barra de acciones y agrega, reordena o elimina ítems del menú. 

   • Diseñar el menú: haz clic en el icono Todas las opciones de diseño en la barra de acciones. Elige lo que deseas diseñar: los ítems del menú (por ejemplo, fuente, color del texto, espaciado) o la barra del menú (por ejemplo, el color del fondo, el ancho de los ítems, el espacio entre los ítems del menú). 

1. Haz clic en Editar texto en la barra de acciones.
2. Ingresa el texto que deseas que aparezca junto al icono (por ejemplo 'Salir', 'Cerrar').

1. Haz clic en Personalizar icono en la barra de acciones. 
2. Elige si el icono es Estático o Animado.
   Consejo: Puedes hacer clic en Crear nuevo icono animado para crear uno propio, usando un icono de inicio y otro de finalización.
3. Haz clic en el icono Reemplazar en Elige un icono.
4. Selecciona un nuevo icono en el Administrador de multimedia y haz clic en Actualizar.
5. (Para iconos animados) Establece la duración de la animación. 

1. Haz clic en el icono Todas las opciones de diseño en la barra de acciones.

2. Selecciona la parte correspondiente del elemento en Elige qué quieres diseñar:

   • Botón para cerrar: diseña el botón en su totalidad: el color de relleno, el borde, las esquinas, la sombra, el espaciado, la alineación y más. Si el botón incluye tanto un icono como un texto, también puedes decidir su posición.

   • Icono: cambia el tamaño, el color y el ángulo del icono.

   • Texto: diseña el texto que aparece junto al icono. Cambia la fuente, el formato, la alineación, el espaciado entre caracteres y más.