header-logo
Crea tu sitio web y haz crecer tu negocio con Wix
Crea y gestiona tu sitio con las funciones intuitivas de Wix
Gestiona suscripciones, planes y facturas
Gestiona tu negocio y conecta con los miembros
Aprende a comprar, conectar o transferir un dominio
Herramientas para ampliar tu negocio y tu presencia online
Herramientas de marketing y SEO para impulsar tu negocio
Funciones avanzadas para trabajar de forma eficaz
Soluciones, problemas conocidos y contacto
placeholder-preview-image
Mejora tus habilidades con nuestros cursos y tutoriales.
Obtén consejos para diseño web, marketing y mucho más.
Mejora el tráfico orgánico en buscadores.
Crea un sitio con nuestra plataforma full-stack.
Vincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image
En este artículo
  • Ajustar el estilo de los menús horizontales
  • Ajustar el estilo de los menús verticales
  • Ajustar el estilo de los menús tipo hamburguesa
  1. Inicio
  2. Wix Studio, Partners y Enterprise
  3. Wix Studio
  4. Usar el Editor de Wix Studio
  5. Trabajar con menús en el Editor de Wix Studio
  6. Editor de Wix Studio: ajustar el estilo de los nuevos menús

Editor de Wix Studio: ajustar el estilo de los nuevos menús

7 min
En este artículo
  • Ajustar el estilo de los menús horizontales
  • Ajustar el estilo de los menús verticales
  • Ajustar el estilo de los menús tipo hamburguesa
Con nuestro componente de menú más reciente, puedes cambiar el estilo de un mismo menú para cada breakpoint por separado, lo que hace aún más fácil diseñar el sitio de tu cliente en los diferentes tamaños de pantalla. 
Una vez que hayas elegido un tipo de menú (estilo), usa las opciones de personalización para que se vea exactamente como quieres.

Ajustar el estilo de los menús horizontales

Los menús de la barra de navegación horizontal tienen un montón de opciones, lo que te brinda un control creativo total sobre el estilo. Puedes elegir cómo se muestran los ítems adicionales, habilitar un icono para los menús desplegables y más. 

Para ajustar el estilo de un menú horizontal:

  1. Haz clic en el menú en el editor.
  2. Haz clic estilo el icono Estilo .
  3. Haz clic en Barra de navegación debajo de Tipo de menú.
  4. Selecciona Horizontal en el menú desplegable Orientación.
  5. Usa las opciones para ajustar el estilo:
El panel de estilo está abierto en un menú horizontal. El cursor hace clic en la dirección de izquierda a derecha.

Ajustar el estilo de los menús verticales

Los menús verticales lucen muy bien en pantallas más pequeñas, lo que los hace adecuados para los breakpoints de tabletas. Ajusta opciones como el espaciado y la dirección para mantenerlo todo alineado y complementar la estructura del sitio.

Para ajustar el estilo de un menú vertical:

  1. Haz clic en el menú en el editor.
  2. Haz clic estilo el icono Estilo .
  3. Haz clic en Barra de navegación debajo de Tipo de menú.
  4. Selecciona Vertical en el menú desplegable Orientación.
  5. Personaliza el estilo con las siguientes opciones:
    • Separadores: selecciona la palanca Agregar separadores para habilitar o deshabilitar esta opción y ajusta el espaciado:
      • Activada: ajusta el espacio entre los separadores y los ítems del menú.
      • Desactivada: ajusta el espaciado entre los ítems.
    • Relleno: usa las opciones para agrandar o reducir el relleno alrededor del menú y de los ítems.
    • Espaciado entre iconos de menús desplegables: ajusta el espacio entre los ítems del menú desplegable y el icono.
    • Dirección: configura el menú para que se muestre de izquierda a derecha o de derecha a izquierda.
    • Alineación: alinea los ítems del menú a la izquierda, al centro o a la derecha del contenedor, o configuralos como justificados.
El panel de estilo está abierto para un menú vertical. El cursor hace clic en la opción de relleno vertical.
Notas:
La opción Espaciado entre iconos de menús desplegables solo aparece si ocurre lo siguiente:
  • Has habilitado un icono desplegable desde el estilo horizontal (los iconos desplegables no se pueden habilitar ni deshabilitar en los menús verticales).
  • El menú se alinea a la izquierda, al centro o a la derecha del contenedor. 

Ajustar el estilo de los menús tipo hamburguesa

Con los menús tipo hamburguesa, puedes elegir lo que muestra el icono del menú (texto, un icono o ambos) y establecer la alineación.
También puedes seleccionar si los elementos del menú se muestran horizontal o verticalmente y ajustar la configuración.

Para ajustar el estilo de un menú tipo hamburguesa:

  1. Haz clic en el menú en el editor.
  2. Haz clic estilo el icono Estilo .
  3. Haz clic en Menú hamburguesa en Tipo de menú.
  4. Según la parte del menú que desees ajustar, sal del panel Estilo o permanece en él:
    • El icono del menú:
      1. Quédate en el panel Estilo.
      2. Personaliza el estilo con las siguientes opciones:
        • Elige qué mostrar: selecciona si el botón del menú de hamburguesas muestra texto, un icono o ambos.
          Nota: También es posible elegir que el menú no muestre nada. Sin embargo, recomendamos seleccionar una de las otras opciones para que los visitantes puedan encontrar el menú.
        • Alineación: alinea el icono de menú a la izquierda, al centro o a la derecha del contenedor.
    • El menú en sí:
      1. Sal del panel Estilo.
      2. Haz clic en Editar menú.
      3. Selecciona los ítems del menú.
      4. Haz clic estilo el icono Estilo .
      5. Elige si los ítems se muestran horizontal o verticalmente y ajústalos con las siguientes opciones:
El panel de estilo está abierto para el icono del menú tipo hamburguesa. El cursor hace clic en la opción de alineación al centro.

¿Te ha sido útil?

|

Helpmate

Hola

¿Necesitas más ayuda?
Resumen del artículo
Unlock personalized helpLog in to get the most out of Helpmate.