Suporte » Temas » Como colocar ancora no menu (quando a pessoa clica no menu ele desce)

  • Resolvido douglasfl

    (@douglasfl)


    Olá eu gostaria de saber como colocar um menu que quando a pessoa clica na palavra do menu, ele desce até o local referente da palavra clicada.

    Alguém consegue me ajudar?

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • Edite o menu em Aparência > Menus.

    Depois, adicione um novo item através da caixa Links Personalizados.

    No campo URL apague o http:// e insira a âncora que você deseja (Exemplo: #id-do-elemento).

    No campo Texto do menu coloque o nome que você quer que apareça no menu.

    Salve e pronto.

    Obs.: Se a caixa de link personalizado não estiver aparecendo, vá até Opções de tela, no canto superior direito da página e ative a opção “links personalizados”.

    Olá Anyssa, tentei fazer desta forma mas não ta dando.. O que eu colocaria no id do elemento? No meu caso é uma one page, página de vendas, mas como a página é muito longa eu queria colocar que ao clicar no menu a página desce até o local clicado.

    No ID do elemento você coloca um nome, por exemplo:

    <div id="secao-1">
      Conteúdo da Seção 1 aqui.
    </div>

    Depois, no menu, da forma que eu expliquei acima, você coloca um link personalizado com a URL #secao-1.

    Com isso o clique vai funcionar, mas quando clicar a página vai pular direto para o elemento indicado, não vai ter aquele efeito de rolagem suave. Se você quiser esse efeito, vai ser necessário JavaScript.

    Aqui tem um exemplo de JS que você pode usar:
    https://css-tricks.com/snippets/jquery/smooth-scrolling/

    Ok já vi aqui que tem uma opção do tema de Menu Anchor, mas obrigado pela rápida resposta, muito bom esse fórum!

    Por nada 🙂

    Vou marcar o tópico como resolvido então.

    Olá, o meu está funcionando a âncora, porém o menu não some quando eu clico. Tem como resolver isso também?

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • O tópico ‘Como colocar ancora no menu (quando a pessoa clica no menu ele desce)’ está fechado para novas respostas.