Documentação

Por que migrar para GXportal 6.0?

Tabela de conteúdos

Como montar um menu de hambúrguer?

Se você quiser criar o site em três tamanhos: Grande, Médio e Pequeno e o tamanho da base for o tamanho Grande, nesse tamanho será adicionado o bloco Menu.

Para o tamanho Grande, o menu é apresentado da seguinte maneira:



No tamanho médio, o menu inicialmente será mostrado de forma recolhida:



E ao clicar na imagem realçada, o menu será colocado da seguinte forma:



No tamanho pequeno, o menu inicialmente será exibido de forma recolhida:



E ao clicar na imagem realçada, o menu será colocado da seguinte forma:



No tamanho Grande será feito o seguinte:
  • Adicionar o bloco Menu
  • Para o setor:
    • Ativar seu título. Título -> Ativar: Sim
    • Ativar sua vinheta atribuir a imagem
      • Título -> Vinheta -> Ativar: Sim
      • Título -> Vinheta -> Imagem: Atribuir a imagem Hamburger
    • Ocultar o título do setor
      • Título -> Ocultar: Sim
    • Expandir/Recolher -> Ativar: Sim
  • Atribuir o menu que será exibido: Menus: Atribuir menu
  • Será definida a estética das opções do menu 

No tamanho Médio, o seguinte será feito:
  • Para o setor:
    • Caixa -> Largura: 73px (valor do exemplo)
    • Caixa -> Altura: 100% (valor do exemplo)
    • Título -> Texto -> Ocultar: Sim
    • Contêiner -> Largura: 100vh (valor do exemplo)
    • Contêiner -> -> Altura: 85px (valor de exemplo)
    • Expandir / Recolher -> Estado inicial: Colapsado
    • Expandir / Recolher -> Flutuante -> Flutuante: Sim
  • O bloco receberá as propriedades correspondentes

No tamanho Pequeno o seguinte será feito:
  • Para o bloco:
    • Opções -> Direção: Vertical
    • Opções -> Caixa: Altura: 40px (valor do exemplo)