Um menu de navegação simples e intuitivo é um dos elementos de design mais essenciais do seu site. Ele funciona como um mapa, guiando seus visitantes além da página inicial. Com o aumento do número de pessoas que usam a Internet em seus dispositivos móveis, seu site também deve ter um menu de navegação compatível com dispositivos móveis.
Felizmente, o Webflow facilitou a adição de uma barra de menu de hambúrguer recolhível que otimizará seu site móvel. Continue lendo para saber como editar este menu móvel no Webflow.
Como adicionar uma barra de navegação
O menu de hambúrguer é um elemento de design vital ao trabalhar com espaço horizontal limitado. Ele elimina a necessidade de uma barra de navegação fixa volumosa que ocupa um espaço valioso.
No Webflow, este menu e suas funcionalidades são construídos dentro do elemento NavBar. Adicionar esse elemento ao seu design requer quatro etapas simples:
Como editar o menu móvel
Depois de adicionar uma barra de navegação ao seu site, há várias maneiras diferentes de adicionar estilo e personalidade a esse menu.
Como adicionar mais links ao menu
O elemento da barra de navegação contém o botão de menu e o menu de navegação, sendo que o último contém os links de navegação. Ao adicioná-lo ao seu design, haverá vários espaços reservados para links que você pode excluir ou editar com os links do seu site.
Siga estas etapas para adicionar mais links de navegação:
Agora que você tem um número suficiente de links para todas as páginas relevantes do site, é hora de criar os links propriamente ditos.
Como alterar a animação do menu
No Webflow, você também pode alterar como o menu móvel aparece quando os visitantes clicam no botão de menu. Você pode escolher entre três tipos dessas animações de revelação:
Para definir a animação de revelação desejada, faça o seguinte:
Na seção “NavBar Settings”, você também pode controlar o seguinte:
Observe que a duração da transição é medida em milissegundos.
Como alterar o estilo do menu
O Webflow facilitou o estilo de qualquer parte da barra de navegação, permitindo que você encaixe perfeitamente o menu móvel no design do seu site.
Para estilizar o botão de menu, faça o seguinte:
O painel Estilo permite alterar todos os aspectos do botão de menu. Mais comumente, os designers alteram a cor e o tamanho do plano de fundo do botão.
Para alterar a cor de fundo, faça o seguinte:
Se você quiser alterar o tamanho do ícone de hambúrguer, siga estas etapas:
Você também pode alterar a cor do ícone no campo acima, marcado pela letra A e uma gota colorida.
Embora existam muitas maneiras de personalizar o botão de menu, você não pode substituí-lo por um elemento de texto ou uma imagem personalizada.
Navegação móvel facilitada
Ao projetar um menu móvel, você deseja aproveitar ao máximo o espaço bastante limitado. Portanto, tente não sobrecarregar o menu com opções para não confundir seus visitantes. Além disso, certifique-se de que as opções de menu sejam curtas, claras e facilmente legíveis.
Depois disso, você pode brincar com o estilo e a animação do menu para manter seus visitantes interessados em cada etapa do caminho.
Você já tentou adicionar um menu móvel ao seu site? Quantas opções você incluiu? Deixe-nos saber na seção de comentários abaixo.
Como corrigir o erro de não conseguir instalar software no Windows. Por que você não consegue instalar aplicativos ou software no Windows 10/11? Aqui está tudo o que você precisa saber sobre como consertar isso
Instruções para excluir ou alterar o código PIN no Windows 11, No Windows 11, o código PIN é uma ferramenta de segurança muito útil e conveniente para os usuários. Contudo algumas pessoas
Como corrigir o erro Não há opções de energia disponíveis no momento no Windows 10, Não é possível selecionar o modo de energia no Windows 10, o que devo fazer? Veja como corrigir o erro
A maneira mais simples de corrigir erros do aplicativo Fotos no Windows 10. O que devo fazer se o Microsoft Photos não funcionar? Não se preocupe com as maneiras de corrigir erros do aplicativo Fotos no Windows
Instruções para instalar atalhos para alternar idiomas de entrada no Windows 11. Durante o processo de uso do Windows, os usuários frequentemente terão que alternar entre os métodos.
Como verificar o status de energia é compatível com o Windows 11, o Windows 11 pode lidar com muitos estados de energia diferentes. Veja como verificar o status de energia
Como mudar de 2,4 GHz para 5 GHz no Windows 10. Se você deseja encontrar uma maneira rápida e simples de acelerar a Internet, alterar a banda WiFi de 2,4 GHz para 5 GHz pode ajudar.
Como corrigir o erro de memória insuficiente para executar o Microsoft Excel no Windows. Você está tendo um erro de memória insuficiente para executar o Microsoft Excel? Então, como corrigir o erro de memória insuficiente
Maneiras de encontrar todos os arquivos de vídeo no Windows. Não é possível encontrar vídeos gravados e salvos no PC. Abaixo estão algumas maneiras de ajudá-lo a encontrar todos os clipes no Windows.
Como corrigir o erro 0xa00f4288 no aplicativo Câmera no Windows 10 e 11. O aplicativo Câmera padrão do Windows é a principal ferramenta para tirar fotos. Portanto, no caso das câmeras Win 10 e 11
Como abrir vários programas com um atalho no Windows 10, na verdade você pode abrir vários programas ao mesmo tempo com uma única tecla. Veja como usar um
Como remover opções antigas do menu de inicialização do Windows, a inicialização dupla do Windows 10 é útil, mas pode deixar opções de inicialização redundantes no menu. Veja como remover o menu
Instruções para corrigir erros da Ferramenta de Recorte no Windows 11. O Windows 11 foi lançado oficialmente há algum tempo, mas durante o uso ainda existem muitos erros
Instruções para inserir texto por voz no Windows 11, Inserir texto por voz no Windows 11 ajuda a melhorar significativamente a eficiência do seu trabalho. Veja como
Como ligar/desligar o Sticky Key no Windows 11, o Sticky Key torna o teclado do PC mais fácil de usar. Veja como ativar e desativar o Sticky Key no Windows 11.
O que é o Instalador de Módulos do Windows? O Instalador de Módulos do Windows às vezes ocupa muitos recursos do sistema. O instalador de módulos do Windows é importante ou não?
Como aumentar o volume no Windows 10, Como aumentar o volume do computador ao nível máximo? Vamos aprender com WebTech360 como aumentar o volume do computador com Windows 10
Como usar o Assistente de Instalação do Windows 11 para instalar o Windows 11, o Assistente de Instalação do Windows 11 é uma das melhores maneiras de atualizar seu computador para o Windows 11.
Como desligar o som de inicialização no Windows 11. O som de inicialização do PC incomoda você? Então consulte como desligar o som de inicialização para PC com Windows 11 abaixo
Instruções para alterar o tempo limite de bloqueio de tela no Windows 11. Ao usar o Windows 11, há momentos em que os usuários precisarão deixar o computador por um período de tempo.
