Editor de Wix Harmony: agregar y administrar menús

1. Elige el tipo de menú que deseas y arrástralo a la página: Menú horizontal, Menú vertical o Menú hamburguesa.
2. Haz clic en el nuevo menú del sitio.
3. Haz clic en Administrar menú en la barra de acciones.
4. Configura el menú:
   • Haz clic en + Agregar ítem para agregar más páginas del sitio o enlaces. 
   • Haz clic en el icono Más acciones junto a un ítem del menú para renombrarlo o eliminarlo. 
   • Mantén pulsados y arrastra los elementos del menú para reordenar la lista.  

1. Haz clic en Crea un menú personalizado para agregarlo a la página.
2. (Opcional) Cambia el estilo del menú: 
   1. Haz clic en el nuevo menú personalizado.
   2. Haz clic en Cambiar formato en la barra de acciones para establecer el estilo del menú.
   3. Elige la opción correspondiente en Menú:
      • Barra de menú: los elementos del menú se muestran en una barra de navegación. En Orientación, elige si la barra es horizontal o vertical.
        Consejo: Para los menús horizontales, también puedes elegir el comportamiento del ítem cuando no hay suficiente espacio para los ítems en la pantalla del visitante. Deja que el menú se expanda (Ajustar al texto) o agrega un botón para desplazarte por los ítems adicionales (Ajustar para desplazar).
      • Hamburguesa: los visitantes ven un icono en el que hacen clic para abrir el menú. Esta es una excelente opción para diseños limpios y minimalistas. 

Haz clic en + Agregar ítem en la parte inferior y selecciona el ítem que deseas agregar: Páginas del sitio o Vincular o anclar.

Páginas del sitio: 

Agrega las páginas que quieras mostrar en el menú. Selecciona la casilla de verificación junto a la página correspondiente y haz clic en Agregar al menú. El panel muestra las páginas normales del sitio y las páginas de las apps de Wix instaladas en el sitio (por ejemplo, una página de producto de Wix Stores).

Vincular o anclar: 

Agrega enlaces relevantes al menú, como sitios web externos, documentos o formas de contactar a tu negocio directamente. También puedes enlazar a secciones y ventanas emergentes de tu sitio.

1. Pasa el cursor sobre el enlace correspondiente y haz clic en el icono Más acciones .
2. Haz clic en Cambiar enlace.
3. Cambia el tipo de enlace o sus detalles.
4. Haz clic en Listo.
   
   

1. Pasa el cursor sobre el elemento correspondiente y haz clic en el icono Más acciones .
2. Haz clic en Renombrar. 
3. Ingresa el nuevo nombre. 
4. Presiona la tecla Enter en el teclado para guardar los cambios.
   
   

1. Pasa el cursor sobre el elemento correspondiente y haz clic en el icono Más acciones .
2. Haz clic en Eliminar del menú.
   Nota: Si eliminas un menú desplegable, las páginas que hayas agregado a mismo se eliminarán del menú. Sin embargo, siempre puedes volver a agregarlas según sea necesario.
   
   

• Colores de relleno : cambia el color del menú. Elige uno de los colores de tu marca o un color personalizado.
• Bordes : define los bordes del menú para que se destaque. Elige un color, un ancho y un estilo y haz clic en el icono Editar bordes individualmente  para diseñar cada lado del borde.
• Texto : diseña los ítems del menú. Cambia la fuente, el color, el formato, la alineación, el espaciado entre caracteres y más.
• Esquinas : haz que las esquinas del menú sean más cuadradas o redondeadas. Arrastra el control deslizante debajo de Radio y haz clic en el icono Editar esquinas individualmente para diseñar cada esquina por separado. 
• Sombra : aplica un sombreado interior y exterior para darle al elemento un efecto 3D interesante. Configura la posición, el desenfoque, el color y más.
• Espaciado : haz que el contenido se vea más holgado. Agrega un espacio de relleno y ajusta el espaciado entre los ítems.
• Estilo : decide si deseas aplicar o no la dirección del sitio (de izquierda a derecha o de derecha a izquierda) a este menú. Para los menús verticales, también puedes elegir el ancho de los ítems del menú y si los menús desplegables aparecen abiertos o cerrados.

• Colores de relleno : cambia el color del menú desplegable. Elige uno de los colores de tu marca o un color personalizado.
• Bordes : define los bordes del menú desplegable para que se destaque. Elige un color, un ancho y un estilo. Haz clic en el icono Editar bordes individualmente  para diseñar cada lado del borde.
• Texto : diseña los ítems del menú desplegable. Cambia la fuente, el color, el formato, la alineación, el espaciado entre caracteres y más.
• Esquinas : haz que las esquinas del menú desplegable sean más cuadradas o redondeadas. Arrastra el control deslizante debajo de Radio y haz clic en el icono Editar esquinas individualmente para diseñar cada esquina por separado. 
• Sombra : aplica sombras internas y externas para darle al menú desplegable un efecto 3D interesante. Configura la posición, el desenfoque, el color y más.
• Espaciado : haz que el contenido se vea más holgado. Agrega un espacio de relleno y ajusta el espacio sobre el menú desplegable y entre los ítems.
• Estilo : elige la alineación, el ancho y la posición del menú desplegable y sus ítems. Decide cuántas columnas debe mostrar el menú desplegable.

Por el momento, no es posible personalizar el diseño que aparece cuando los visitantes hacen clic o pasan el cursor sobre el menú. El subrayado que se muestra al pasar el cursor sobre los elementos forma parte del diseño integrado del menú y no se puede cambiar ni eliminar.

Si necesitas más control sobre el diseño de la navegación, puedes recrear el menú mediante elementos de texto o botones y añadir enlaces a cada uno de forma manual.