O menu Off Canvas, como o próprio nome sugere, é um menu que fica “fora da tela”. Diferente dos menus tradicionais, que estão sempre visíveis na parte superior ou lateral do site, o menu Off Canvas é acionado por um botão ou ícone. Quando o usuário clica nesse ícone, o menu desliza ou aparece na tela, ocupando uma parte significativa dela, permitindo uma navegação intuitiva e imersiva.
Nesse tutorial eu ensino a configurar o menu Off Canva no tema Astra.
Se você deseja adicionar um toque moderno e dinâmico ao criar um site com WordPress, um menu off-canvas pode ser a solução perfeita. Este tipo de menu é elegante, economiza espaço e melhora a experiência do usuário, especialmente em dispositivos móveis. O menu off-canvas é aquele que se esconde fora da tela e aparece apenas quando acionado, geralmente através de um ícone de menu (hambúrguer). Neste guia, vamos explorar como você pode criar um menu off-canvas usando o Elementor, transformando a navegação do seu site em algo intuitivo e visualmente atraente.
Primeiro, para criar um menu off-canvas no Elementor FREE, você precisará usar um pouco de criatividade com os widgets e as configurações disponíveis. Comece acessando o painel do WordPress e abrindo a página ou template onde deseja adicionar o menu off-canvas. No Elementor, arraste e solte um widget “Button” ou “Icon” no local onde deseja que o ícone do menu apareça. Este ícone será o gatilho para abrir o menu off-canvas. Configure o ícone para ser um ícone de menu (geralmente representado por três linhas horizontais) e ajuste seu estilo conforme necessário, incluindo cor, tamanho e posicionamento.
Lembre-se de que esse recursos vai depender da proposta e do design do seu site. Por esse motivo, certifique-se de escolher um bom template para Elementor e também aprender a criar bons sites no nosso curso de Elementor.
