Como os menus de navegação suspensos aparecem no site.

Para criar um menu suspenso no site, use nosso recurso de lista suspensa. A forma como a lista suspensa aparece depende da versão e do template do site.

Display do computador

Na maioria dos sites, os links da lista suspensa aparecem quando você passa o cursor sobre a lista. Em alguns templates, o menu de links só aparece quando você clica na lista suspensa.

Algumas listas suspensas têm um ícone ao lado do nome do menu suspenso, para incentivar os visitantes a verem o menu.

Navegação da lista suspensa

Os templates das seguintes famílias possuem estilos interessantes de lista suspensa que adicionam uma camada de navegação:

• Adirondack - os links suspensos criam uma barra de navegação.
• Bedford - as listas suspensas criam navegação na barra lateral nas páginas de layout.
• Brine - no rodapé, as listas suspensas não aparecem como menu suspenso, mas como colunas.

Exibição na versão móvel

Exceto conforme indicado abaixo, os menus suspensos são recolhidos no celular e se expandem quando tocados. Algumas listas suspensas têm um ícone ao lado do nome do menu suspenso, para incentivar os visitantes a abrirem o menu.

Clicando na lista suspensa

Nos sites da versão 7.1, ao clicar no título da lista suspensa, o menu de links se expande.

Nas famílias de templates a seguir, na versão 7.0, clicar no título da lista suspensa abre a primeira página da lista:

• Bedford - Visão do computador
• Brine - Visão do Computador
• Farro — tela do computador
• Flatiron — tela do computador
• Momentum - Visualização móvel
• Pacific - Visualização do computador
• Wells — tela móvel

Para testar esse comportamento, abra a versão pública do site em uma janela anônima antes de clicar no título da lista suspensa. O clique na lista suspensa enquanto você estiver logado pode não funcionar corretamente se o primeiro item da lista suspensa for para um site externo ou um arquivo carregado.

Dica: para deixar um link no título da lista suspensa para uma página, adicione um código personalizado. Saiba mais neste artigo no Squarespace Forum.

Lembre-se de que as modificações de código personalizado estão fora do escopo de nosso suporte. Isso significa que não podemos ajudar você a configurar ou solucionar problemas de soluções baseadas em código.

Cor de fundo do menu

Muitos sites têm uma cor de fundo por trás dos links da lista suspensa. Na maioria dos sites, essa cor corresponde a outro elemento do site, como o plano de fundo do cabeçalho ou o plano de fundo do site.

A lista abaixo apresenta os ajustes no estilo da cor de fundo da lista suspensa no seu site. Esses ajustes podem mudar outros elementos no seu site. Para saber mais sobre os templates da versão 7.0, consulte os guias do template.