Widget de menu Elementor Nav gratuito: não é necessário Elementor Pro

Nav Menu é um widget gratuito Master Addons que coloca qualquer menu WordPress em um cabeçalho Elementor, rodapé ou página e permite estilizá-lo a partir do painel Escolha um layout horizontal ou vertical para cada dispositivo, estilo os principais itens, dropdowns e submenus em seus estados normal, hover e ativo, e emparelhá-lo com a extensão Mega Menu livre para painéis de várias colunas Em telefones ele colapsa em um hambúrguer alternar por padrão Master Addons Pro adiciona o layout Hamburger para qualquer largura, com menus Popup e Offcanvas.

Opções de layout do menu Nav no Elementor

Layouts horizontais, verticais e de hambúrguer

Defina o layout separadamente para desktop, tablet e telefone Horizontal combina com uma barra superior Vertical vem em quatro tipos: Normal com dropdowns laterais, Alternar, Acordeão e Lado, que prende o menu à borda da página Os telefones usam o alternador de hambúrguer por padrão Com Pro você pode pegar o hambúrguer para qualquer largura e abrir o menu como um dropdown Padrão, um Popup ou um painel Offcanvas.

  • Layouts definidos por dispositivo, incluindo os pontos de interrupção extras do Elementor.
  • Menus verticais como Normal, Alternar, Acordeão ou Lado.
  • Menus de hambúrguer Popup e Offcanvas com Master Addons Pro.
  • Trabalha com o livre Menu Mega extensão para painéis de várias colunas.

Estilo cada nível e estado do menu

A guia Estilo tem seções separadas para o Item do Menu Principal, Menu suspenso, Item do menu suspenso, Submenu suspenso e Item do submenu suspenso Cada um recebe cores e planos de fundo para os estados Normal, Hover e Ativo, além de preenchimento, bordas e divisores, para que o link para a página atual possa parecer diferente do resto.

  • Estados Normal, Hover e Active para itens principais e itens suspensos.
  • Estilo separado para o painel suspenso, seus itens e submenus mais profundos.
  • Divisórias entre itens, com tipo, tamanho e cor.
Configurações de estilo do menu Nav para itens de menu e dropdowns
Nav Menu hambúrguer alternar e configurações de ícone indicador

Ícones de alternância e indicador de hambúrguer

Estilo o hambúrguer alternar como um ícone, texto ou ambos, com uma visualização Padrão, Empilhada ou emoldurada e uma forma quadrada ou circular Ele pode mostrar um ícone enquanto o menu está fechado e outro enquanto está aberto Os ícones do indicador marcam os itens que possuem dropdowns e submenus: escolha seus próprios ícones, mostre-os ou oculte-os e defina seu tamanho, cor, posição e rotação.

  • O Hamburger alterna como um ícone, texto ou ambos.
  • Ícones diferentes para o menu fechado e aberto.
  • Ícones personalizados do indicador da gota para baixo e do submenu com rotação.

Espaçamento suspenso e layouts por dispositivo

Defina a largura suspensa e sua lacuna na parte superior do menu, as lacunas entre os itens e o preenchimento dentro de cada link A duração da transição controla a rapidez com que as cores de passagem e as quedas mudam. Como o layout é definido por dispositivo, você decide onde o menu muda de uma barra horizontal para uma lista vertical ou para o hambúrguer com Pro.

  • Largura descendente e folga a partir do topo.
  • Lacunas entre itens e preenchimento de links para facilitar o toque.
  • Duração da transição para alterações de hover e dropdown.
Espaçamento suspenso do menu Nav e configurações de layout responsivas

Widgets de menu Elementor Pro vs Menu Nav de complementos mestres

O plugin gratuito da Elementor não possui widget para colocar e estilizar um menu WordPress Seus widgets Menu e Menu WordPress vêm com o Elementor Pro. Aqui está como eles se comparam.

Elementor ProMenu Mestre Addons Nav
PreçoLicença Elementor ProGrátis, com tipos de hambúrguer Pro
LayoutsHorizontal, vertical, dropdownHorizontal, vertical (4 tipos), hambúrguer
Menu móvelAlterne abaixo de um ponto de interrupção que você escolherHamburger em telefones por padrão; Popup e Offcanvas com Pro
Layout por dispositivoUma configuração de ponto de interrupçãoDefina para cada dispositivo
Hover animações ponteiroSimNão
Mega menuWidget de menu com conteúdo suspensoExtensão gratuita do Mega Menu

Se você já paga pelo Elementor Pro, seus widgets de menu fazem o trabalho Sem ele, o Menu Nav e o Menu Mega extensão dar-lhe um menu de cabeçalho estilo de graça.

Visualizador de modelos
Facebook
Twitter
WhatsApp
Copiar link
Compre Agora
Mega Menu e Carvão Navbar
Mega Menu e Carvão Navbar
Variações do menu suspenso
Variações do menu suspenso
Menu de Navegação Vertical
Menu de Navegação Vertical
Menu Nav - com Topbar
Menu Nav - com Topbar
Variações do menu do hambúrguer
Variações do menu do hambúrguer

Como adicionar um menu de navegação no Elementor

O widget usa menus que você cria no WordPress, então comece por aí.

  1. Crie seu menu em Aparência > Menus.
  2. No Elementor, arraste o widget Master Addons Nav Menu para o seu cabeçalho, rodapé ou página.
  3. Escolha o menu em Selecionar menu e escolha um layout para a área de trabalho.
  4. Mude para a visualização de tablet e telefone para verificar o layout em cada dispositivo Os telefones obtêm a alternância do hambúrguer por padrão.
  5. Estile os itens do menu, dropdowns e alterne na guia Estilo e publique.

Para um passo a passo completo do cabeçalho, leia como construir um menu de navegação no Elementor sem Pro. Para um cabeçalho em todo o site, use o grátis Construtor Tema.

Perguntas frequentes para o menu Nav

Saiba as dúvidas mais solicitadas que os usuários têm sobre o Menu Nav e encontre respostas em um só lugar.
Como isso é diferente de outros widgets do Menu Nav?

Os widgets de menu do próprio Elementor precisam do Elementor Pro. O menu Nav Master Addons é gratuito e adiciona layouts por dispositivo, quatro tipos de menu verticais, estilo separado para cada nível e estado do menu, ícones de indicadores personalizados e uma alternância de hambúrguer estilizável Também funciona com a extensão gratuita do Mega Menu.

Sim. ligue a extensão do Mega Menu, construa o conteúdo do painel para um item de menu na tela Menus do WordPress e, em seguida, selecione esse menu no widget Menu Nav. O widget mostra os mega painéis de menu na extremidade frontal.

Não. Abra a guia Estilo, escolha uma parte do menu, como Item do Menu Principal, e alterne entre as guias Normal, Hover e Ativo para definir as cores de cada estado.

Qual é o melhor caso de uso para o tipo de menu "Offcanvas" ou "Popup"?

Ambos são tipos de hambúrguer Pro. Offcanvas desliza o menu na esquerda ou direita, que se adapta a telefones e designs mínimos Popup abre o menu sobre a página, que funciona bem para navegação de site completo em sites de portfólio ou agência Na versão gratuita, o hambúrguer abre o menu no lugar sob o alternar.

Sim, você pode colocar o widget em qualquer lugar que o Elementor seja executado Para substituir completamente o cabeçalho do seu tema, construa um modelo de cabeçalho com o gratuito Construtor de temas Master Addons e adicione o widget Nav Menu a ele.

Sim. layout, alinhamento e muitas configurações de estilo podem ser definidas por dispositivo Por exemplo, mantenha uma barra horizontal na área de trabalho, use um acordeão vertical em tablets e o hambúrguer alterne em telefones.

Widgets e extensões de elementos de tendência

Construa sites sofisticados em menos tempo.

Extensão Master Addons Glassmorphism para Elementor: cartões de vidro fosco com o controle Blur Value definido como 20 px

Glassmorphismo

Extensão de Glassmorphism de Elementor Livre em Casa: Efeito de vidro fosco em uma alternância O Glassmorphism é o fosco...
Ver detalhes
Extensão Master Addons Container Extras para Elementor: contêiner tampado em uma largura máxima de 1400 px, com controles de largura máxima, altura máxima, largura mínima e altura mínima

Contêiner Extras

Home Elementor Container Max Width e Max Height Controls Container Extras é um Master gratuito...
Ver detalhes
Extensão Master Addons Patterns para Elementor: herói com o estilo Purple Gradient Grid Left, mais três estilos de padrões e o painel Habilitar Padrão

Padrões

Início 70+ Padrões de fundo de elementor gratuitos é uma extensão gratuita de complementos mestres que adiciona...
Ver detalhes
Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]

Duplicador de postagem/página

Home Páginas e postagens de elementos duplicados em um clique Post/Page Duplicator é um Master gratuito...
Ver detalhes
Extensão da barra de progresso de leitura de complementos mestres para Elementor: barra azul 42% preenchida na parte superior de uma página de política de privacidade, com configurações de habilitação, posição, altura e preenchimento de cores

Barra de progresso de leitura

Início Adicionar uma barra de progresso de leitura no WordPress (Elementor) A barra de progresso de leitura é gratuita...
Ver detalhes