header-logo
Primeros pasosAprende cómo puedes usar Wix para construir tu sitio web y potenciar tu negocio. Personaliza tu sitio o contrata a un profesional para crear o mejorar tu presencia online.
Crear tu sitioAprende a utilizar el Editor de Wix y a gestionar el contenido de tu sitio. Descubre cómo proteger la privacidad de tus visitantes y hacer que tu sitio sea accesible.
Cuenta y facturaciónRevisa la configuración de tu cuenta, gestiona tus suscripciones y planes Premium y comprende tus facturas.
Usar las apps móviles de WixUtiliza la aplicación Wix para gestionar tu negocio de manera eficiente, interactuar con tus visitantes y construir una comunidad.
Conectar un dominioComprende cómo comprar, conectar o transferir un dominio y cómo mantener seguros los datos de tu sitio.
Administrar tu negocioEncuentra las herramientas adecuadas para construir y hacer crecer tu negocio: acepta pagos, revisa las analíticas, contacta con los visitantes y mucho más.
Promocionar tu sitioAprende cómo promocionar tu sitio en los motores de búsqueda, enviar campañas de email y ejecutar anuncios pagados.
Wix Studio, Partners y EnterpriseAprovecha al máximo tu cuenta de Wix Studio, de Partner o de Enterprise para poder escalar tu negocio.
Obtener ayudaObtén más información sobre cómo resolver problemas de rendimiento y cuestiones técnicas en tu sitio. Mantente al tanto de las próximas funciones a través de nuestra hoja de ruta.
placeholder-preview-image
Wix LearnMejora tus habilidades con nuestros cursos y tutoriales.
Blog de WixObtén consejos para diseño web, marketing y mucho más.
Guía de SEOMejora el tráfico orgánico en buscadores.
Website developmentCrea un sitio con nuestra plataforma full-stack.
placeholder-preview-image
En este artículo
  • Personalizar los botones del menú
  • Ajustar el contenedor y la superposición
  • Diseñar el menú
  1. Inicio
  2. Crear tu sitio
  3. Usar el Editor de Wix
  4. Administrar páginas y menús
  5. Menús
  6. Editor de Wix: personalizar un menú tipo hamburguesa

Editor de Wix: personalizar un menú tipo hamburguesa

En este artículo
  • Personalizar los botones del menú
  • Ajustar el contenedor y la superposición
  • Diseñar el menú
Después de agregar y configurar el menú tipo hamburguesa, personaliza su aspecto y su estilo para que concuerde con el aspecto de tu sitio. Puedes ajustar los botones, el contenedor y los elementos del menú para que se vean exactamente como quieres.

Personalizar los botones del menú

Usa las opciones para mostrar cómo se ve cada botón: en el que los visitantes hacen clic para abrir el menú y en el que hacen clic para cerrarlo.

Para personalizar los botones:

  1. Selecciona el menú tipo hamburguesa en el editor.
  2. Elige qué botón quieres personalizar:
    • Botón del menú: haz clic en el botón.
    • Botón de cierre:
      1. Haz clic en Editar menú.
      2. Haz clic en el botón Cerrar en el contenedor.
  3. Elige cómo personalizar el botón:

Ajustar el contenedor y la superposición

Elige el estilo y establece el fondo del contenedor que muestra los elementos del menú. Si habilitas una superposición, puedes cambiar y ajustar el fondo para que se adapte a tus necesidades de diseño.

Para ajustar el contenedor y la superposición:

  1. Selecciona el menú tipo hamburguesa en el editor.
  2. Haz clic en Editar menú.
  3. Personaliza el contenedor y la superposición a tu gusto:

Diseñar el menú

Personaliza el aspecto del menú en sí para complementar el tema general de tu sitio. Puedes cambiar la alineación y la estructura, así como el diseño de los elementos del menú.

Para diseñar el menú:

  1. Selecciona el menú tipo hamburguesa en el editor.
  2. Haz clic en Editar menú.
  3. Selecciona los elementos del menú.
  4. Elige cómo quieres ajustar el menú:
    • Estilo: haz clic en el icono Estilo  y elige entre las siguientes opciones:
      • ¿Cómo se alinea el texto?: selecciona si el texto del menú se alinea a la izquierda, a la derecha o al centro.
      • Posición de la flecha del menú desplegable: selecciona si la flecha del menú desplegable está a la izquierda o a la derecha del texto del menú.
    • Diseño: haz clic en el icono Diseño  y personaliza el menú como quieras:
      1. Elige el estado del menú que deseas personalizar (Normal o Seleccionados).
      2. Ajusta el diseño con las siguientes opciones:
        • Color y opacidad del relleno : elige el color del relleno del menú y ajusta su opacidad.
        • Borde : ajusta el ancho y el color del borde del menú.
        • Sombreado : agrega una sombra y ajusta su ángulo, tamaño, desenfoque, color y distancia.
        • Texto : edita los ajustes del texto del menú, como la fuente, el tamaño y el formato.
        • Espaciado : ajusta el espaciado y la delimitación del menú con los controles deslizantes.
El panel de diseño de un menú tipo hamburguesa. La pestaña Texto está abierta. El cursor arrastra el control deslizante de tamaño de fuente.

¿Te ha sido útil?

|

Helpmate

Hola

¿Necesitas más ayuda?
Unlock personalized helpLog in to get the most out of Helpmate.