O elemento Menu mostra um dos teus menus na página, como barra de navegação no cabeçalho, lista de links no rodapé ou menu lateral. Constróis o menu em si em Menus. O elemento decide o aspeto e o comportamento: o layout, como abrem os submenus e quando passa a botão de hambúrguer em ecrãs pequenos.
Juntar um menu
- Cria primeiro o menu. Vê Menus e navegação.
- Abre o teu cabeçalho ou a secção onde o menu deve ficar.
- Clica em Elementos na barra lateral esquerda.
- Arrasta Menu para a secção.
- Abre as definições do elemento e escolhe o menu em Menu.
Até escolheres um menu, o elemento diz Nenhum menu selecionado.
Layout e alinhamento
- Layout: Horizontal para uma barra, Vertical para uma lista.
- Alinhamento dos itens: Esquerda, Centro, Direita ou Justificado.
- Espaço entre itens: Pequeno, Médio ou Grande.
- Destacar a página atual: marca o item da página em que o visitante está.
Submenus
- Abrir submenu: Predefinido (ao passar o rato na horizontal, ao clicar na vertical), Ao passar o rato, Ao clicar ou Sempre aberto (só vertical).
- Mostrar ícone de submenu: mostra uma seta junto dos itens com submenu.
- Separar o link do botão do submenu: o título abre a sua página e a seta abre o submenu. Usa com Ao clicar.
- Alinhamento do menu pendente, Largura máxima do menu pendente, Atraso para fechar ao sair o rato e Animação de abertura (Nenhuma, Desvanecer ou Deslizar).
- Profundidade máxima: Ilimitada ou 1 a 5 níveis.
Menu no telemóvel
- Ponto de quebra responsivo: a largura do ecrã a partir da qual o menu passa a botão de hambúrguer: 768px (tablet e abaixo), 1024px (portátil e abaixo), 1280px (abaixo de computador grande), ou Desligado para mostrar sempre o menu completo.
- Estilo do submenu no telemóvel: Acordeão, Menu pendente ou Sobreposição.
Acessibilidade
Preenche Etiqueta de navegação (acessibilidade), por exemplo Menu principal, para que os leitores de ecrã distingam os teus menus.
Dica: estiliza itens individuais, junta ícones ou cria um menu pendente grande no próprio menu. Vê Estilo dos menus e mega menus.