Gostaria de saber como criar um menu de navegação One Page em Elementor ?
Existem sites que possuem apenas uma página (a homepage). Mesmo ao clicar em um item do menu de navegação, você será levado para outra seção da mesma página em vez de outra página.
O objetivo deste tipo de site da Web é garantir que o visitantes concentre-se no seu conteúdo. Além do conteúdo, outro elemento-chave de um site da Web para uma página é o menu de navegação. Dentro Elementor, é muito fácil criar o menu de navegação de um site da Web para uma página.
Este artigo mostrará como.
Para lhe dar uma visão geral, aqui está um exemplo de um menu de navegação de site de uma página.
Conforme mencionado, não é difícil criar o menu de navegação de um site de uma página como o acima em Elementor.
Embora alguns complementos, como Complementos essenciais et Powerpack, vêm com um widget para criar navegação em uma página, você também pode criar um sem instalar um complemento.
A ideia principal é apontar um item de menu para uma determinada seção da página. Para fazer isso, você precisa adicionar um ID CSS à seção que deseja apontar.
Leia também: Como definir a posição personalizada para o menu móvel no Elementor
Vamos dar um exemplo.
Suponha que você tenha um item de menu chamado "Aulas" e queira que seu visitantes serão direcionados para a seção "Aulas" do seu site de uma página cada vez que clicarem no item de menu "Aulas".
Primeiro, edite a página com Elementor e selecione a seção “Classes” (use o navegador para sua conveniência).
Depois que a seção Classes for selecionada, vá para a guia avançado no painel esquerdo e abra o bloco avançado. Introduzir oCódigo CSS da seção no campo Código CSS.
Repita as etapas acima para outras seções que deseja designar com itens de menu.
Chamando identificadores CSS
Você pode usar qualquer widget Elementor que tenha a opção de adicionar um link para chamar cada ID CSS adicionado às seções. Basta colar o id do CSS no campo do link. Adicione o " # como prefixo.
Se quiser usar o widget Menu de navegação, você pode alterar o menu que usa. No campo URL de cada item de menu, digite o ID do CSS com o "#" como prefixo.
Obtenha o Elementor Pro agora !!!
Conclusão
Aqui ! É isso neste artigo que mostra como criar um menu de tela cheia no Elementor. Se você tiver alguma dúvida sobre como chegar lá, informe-nos dentro Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
