Central de ajuda do Squarespace Páginas e conteúdo Organizar conteúdo

Exibição do menu suspenso por template

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

Ultima atualização 28 de março de 2025

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.

Família de template	Expande-se em...	Ícone	Notas
Sites 7.1	Hover	Nenhum	Os links se alinham à esquerda quando a navegação está alinhada à esquerda ou ao centro no cabeçalho. Os links se alinham à direita quando a navegação é alinhada à direita.
Adirondack	Hover	+	Os links aparecem em uma barra de navegação entre a navegação principal e o conteúdo da página.
Avenue	Hover	Nenhum
Aviator	Clique	+
Bedford	Hover	Nenhum	A lista suspensa e os links criam uma barra lateral de navegação no lado esquerdo das páginas de layout.
Brine	Hover	Nenhum	No rodapé, as listas suspensas não aparecem como menu suspenso. Se você escolher Layout: colunas nos estilos do site, cada lista suspensa no rodapé criará uma coluna própria.
Farro	Hover	Nenhum
Five	Hover	Nenhum
Flatiron	Hover	Nenhum
Forte	Hover	+
Galapagos	Hover	+
Ishimoto	Hover	Nenhum
Momentum	Hover	Nenhum
Montauk	Hover	Nenhum
Native	Hover	Nenhum
Pacific	Hover	+
Skye	Clique	+
Supply	Clique	Nenhum	Nos estilos do site, escolha Links de pasta: retráteis ou Sempre mostrar.
Tremont	Clique	Nenhum
Wells	Clique	Nenhum	Exibições expandidas como padrão ao ver uma página na lista suspensa.
Wexley	Hover	+
York	Hover	ˇ

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.

Família de templates	Ícone	Notas
Sites 7.1	>	Abre em sobreposição. Toque em Voltar para retornar à navegação principal.
Adirondack	+
Avenue	+
Aviator	+
Bedford	+
Brine	»	Abre em uma nova sobreposição. Ao ver uma página na lista suspensa, o menu continua expandido na navegação
Farro	»	Abre em uma nova sobreposição Ao ver uma página na lista suspensa, o menu continua expandido na navegação
Five	+
Flatiron	+
Forte	+	Ao ver uma página na lista suspensa, o menu continua expandido na navegação
Galapagos	+
Ishimoto	+
Momentum	Nenhum	Sempre expandido
Montauk	+
Native	Nenhum	Sempre expandido, dentro de uma navegação móvel especial
Pacific	+
Skye	+
Supply	Nenhum	Sempre expandido
Tremont	Nenhum
Wells	Nenhum	Sempre expandido. O título da lista suspensa tem uma linha abaixo dele.
Wexley	+
York	ˇ	Ao ver uma página na lista suspensa, o menu continua expandido na navegação

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.

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.

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.

Família de template	Ajustes
Sites 7.1	Plano de fundo da seção na seção Sitewide do esquema de cores selecionado.
Adirondack	Cor de fundo na seção Cabeçalho do site
Avenue	Plano de fundo do site
Aviator	Fundo da lista suspensa nas pastas
Bedford	Menus suspensos do cabeçalho: Cor de fundo do cabeçalho Lista suspensa no rodapé: fundo do rodapé
Brine	Lista suspensa no cabeçalho: cor da pasta Menus suspensos do rodapé: Cor de fundo na seção Rodapé
Farro	Lista suspensa no cabeçalho: cor da pasta Lista suspensa no rodapé: cor do fundo
Five	Plano de fundo da navegação
Flatiron	Cor de fundo do cabeçalho/rodapé
Forte	Seleciona automaticamente a cor com base na cor ou na imagem do fundo
Galapagos	Lista suspensa no cabeçalho: cor do fundo. A lista suspensa segue a cor do link de navegação Lista suspensa no rodapé: cor do link de navegação. A lista suspensa segue a cor do plano de fundo.
Ishimoto	Plano de fundo do site
Momentum	Plano de fundo da navegação
Montauk	Fundo da tela de trabalho
Native	Plano de fundo do site
Pacific	Background Color (Cor de Fundo)
Skye	Plano de fundo do site
Supply	Cor do cabeçalho
Tremont	Sempre transparente
Wells	Plano de fundo do site
Wexley	Plano de fundo do site
York	Plano de fundo do site