Documentación

¿Por qué migrarse a GXportal 6.0?

Tabla de contenidos

¿Cómo armar un menú hamburguesa?

Si usted quiere armar el sitio en tres tamaños: Grande, Mediano y Chico y el tamaño base es el tamaño Grande, en ese tamaño se va a agregar el bloque Menú. 

Para el tamaño Grande, el menú se quiere presentar de la siguiente forma:



En tamaño Mediano el menú inicialmente se mostrará colapsado:



Y al hacer clic en la imagen destacada, se deplegará el menú de la siguiente forma:



En tamaño Chico el menú inicialmente se mostrará colapsado:



Y al hacer clic en la imagen destacada, se deplegará el menú de la siguiente forma:



En el tamaño Grande se hará lo siguiente:
  • Agregar el bloque Menú
  • Para el sector:
    • Activar su título. Título -> Activar: Si
    • Activar su viñeta y asignar la imagen
      • Título -> Viñeta -> Activar: Si
      • Título -> Viñeta -> Imagen: Asignar la imagen Hamburguesa
    • Ocultar el título del sector
      • Título -> Ocultar: Si
    • Expandir/Colapsar -> Activar: Si
  • Asignar el menú que se mostrará: Menús: Asignar menú
  • Se definirá la estética de las opciones del menú

En el tamaño Mediano se hará lo siguiente:
  • Para el sector:
    • Caja -> Ancho: 73px (valor ejemplo)
    • Caja -> Altura: 100% (valor ejemplo)
    • Título -> Texto -> Ocultar: Si
    • Contenedor -> Ancho: 100vh (valor ejemplo)
    • Contenedor -> Altura: 85px (valor ejemplo)
    • Expandir/Colapsar -> Estado inicial: Colapsado
    • Expandir/Colapsar -> Flotante -> Flotante: Si
  • Al bloque se le asignará las propiedades que correspondan

En el tamaño Chico se hará lo siguiente:
  • Para el bloque:
    • Opciones -> Dirección: Vertical
    • Opciones -> Caja: Altura: 40px (valor ejemplo)