Cómo crear un MENÚ HAMBURGUESA en GreatPages

CÓMO CREAR UN ELEMENTO DE MENÚ


  1. Acceda al editor de páginas;



  1. Haga clic en el icono "+" en el lado izquierdo de la pantalla y luego seleccione "Menú";



  1. Al hacer esto, el elemento Menú se agregará al editor de página y, para editarlo, debe hacer clic en Editar;



  1. Al hacer esto, entre las opciones de edición, puede configurar el estilo del elemento, comenzando con:


ALINEACIÓN



  • Alineación: Seleccione el tipo de alineación que desea para el menú (alineado a la izquierda, centrado o alineado a la derecha).
  • Fijar arriba: Opción para fijar el menú en la parte superior de la página. Al desplazarse hacia abajo, el menú permanecerá fijo.


LOGOTIPO



  • Logotipo: (Opcional) Seleccione la imagen del logotipo que se mostrará junto al menú.
  • Tamaño: Configure el tamaño del logotipo que se muestra en el menú de la página.


COLORES Y ESTILOS DE FUENTE



  • Color del panel: Color de fondo del elemento del menú.
  • Color al pasar el cursor: Color que aparecerá en la opción del menú cuando el cursor del ratón se sitúe sobre ella.
  • Fuente del menú: Fuente utilizada en el texto del menú.
  • Fuente del submenú: Fuente utilizada en el texto del submenú.


BORDES



  • Bordes: Seleccione si el elemento del menú tendrá bordes o no.


  1. Después de configurar la parte visual del elemento del menú, al hacer clic en Configurar puede comenzar a configurar las acciones de los botones, empezando por los elementos. Para agregar nuevos elementos al menú, haga clic en "Agregar elemento";


Si desea editar elementos existentes, haga clic en el icono del lápiz o en el icono de la papelera para eliminarlos.



  1. Al hacerlo, se abrirá una pantalla donde podrá configurar el elemento rellenando los campos que aparecen a continuación;


  • Etiqueta: Nombre del elemento del menú.
  • Destino: Página de destino del elemento del menú. Si desea vincular el clic a un bloque específico en la misma página, seleccione «Bloque de página».
  • Abrir en pestaña nueva: Opción para abrir la página de destino del menú en una página nueva, en lugar de abrirla en la página de navegación actual.
  • Subelementos: Configuración de los subelementos del menú (submenús).



  1. Tras configurar los elementos del menú, aún en la pantalla de configuración, tenemos la opción de habilitar o deshabilitar la visibilidad del menú, lo que consiste en ocultar este elemento en una de las versiones de la página: Escritorio (ordenadores) o Móvil (teléfonos móviles);



  1. Finalmente, al acceder a la opción "Código", puede copiar el código del elemento o editar el HTML (solo modifique el HTML del elemento si tiene conocimientos de programación).



CÓMO CREAR EL MENÚ DE HAMBURGUESA


El menú de hamburguesa se muestra en la versión móvil de la página.


Después de crearlo en la versión de escritorio, siga los siguientes pasos:


  1. Haga clic en "Móvil" en la parte superior central de la pantalla, luego localice el icono del menú de hamburguesa y haga clic en "Editar".



  1. A continuación, se abrirá el menú de configuración en el lateral, donde podrá editar las siguientes opciones:


  • Icono: Icono que se muestra para abrir el menú.
  • Color del icono: Color del icono que se muestra para abrir el menú.
  • Color del panel: Color de fondo de las opciones del menú expandido.
  • Color al pasar el cursor: Color de los elementos del menú al pasar el cursor del ratón sobre ellos.



  1. Debajo de la configuración de color, puede configurar las fuentes del menú y de los submenús:


  • Fuentes del menú: Fuentes para los elementos del menú.
  • Fuentes de los submenús: Fuentes para los subelementos del menú.


Recuerde que las opciones de fuente ya están predeterminadas en el sistema de diseño de la página. Para obtener más información sobre el Sistema de Diseño, haga clic aquí.



  1. Por último, tenemos la configuración del espaciado entre los elementos del menú y las opciones de borde:


  • Espaciado entre elementos: Espacio entre los elementos del menú.
  • Borde del panel: Bordes del panel de visualización de los elementos del menú.
  • Borde del icono: Bordes de los iconos del menú.



  1. Después de esto, todas las configuraciones son las mismas que en la versión de escritorio. Es importante recordar que la configuración realizada en una versión se reflejará en la otra.


¡Esperamos que esto te haya sido útil! Si tienes alguna pregunta, contacta con nuestro equipo de soporte. Siempre estamos disponibles.

Actualizado el: 15/09/2026

¿Este artículo te resultó útil?

Comparte tu opinión

Cancelar

¡Gracias!