Criar seções em tela cheia pode dar um impacto visual impressionante ao seu site, capturando a atenção dos visitantes. O Elementor facilita a criação dessas seções. Siga este guia para aprender como fazer isso.
Passo 1: Adicione uma Nova Seção
- No editor do Elementor, clique no ícone de + para adicionar uma nova seção.
- Escolha a estrutura de coluna desejada para a sua seção.
Passo 2: Ajuste a Altura da Seção
- Com a seção selecionada, vá para a aba Layout no painel do Elementor.
- No menu suspenso Altura, selecione Altura Mínima.
- Defina a altura mínima para 100vh (viewport height) para garantir que a seção ocupe toda a altura da tela.
Passo 3: Personalize o Conteúdo da Seção
- Adicione widgets como cabeçalhos, botões e imagens à sua seção em tela cheia.
- Use o editor de arrastar e soltar do Elementor para posicionar e personalizar os elementos conforme necessário.
Passo 4: Ajuste o Plano de Fundo
- Na aba Estilo, configure o plano de fundo da seção.
- Escolha uma imagem de fundo, cor sólida ou gradiente que complemente o design do seu site.
- Use a opção Posição e Tamanho para ajustar como o plano de fundo é exibido.
Passo 5: Configure a Responsividade
- Use as configurações de responsividade do Elementor para garantir que a seção em tela cheia fique atraente em dispositivos móveis.
- Faça ajustes específicos para dispositivos móveis, se necessário, para melhorar a experiência do usuário.
Passo 6: Visualize e Publique
- Visualize a página para garantir que a seção em tela cheia está funcionando corretamente.
- Faça ajustes conforme necessário e clique em Publicar para tornar a página ativa.
Com essas etapas, você pode criar seções em tela cheia no Elementor, proporcionando um impacto visual impressionante e melhorando a experiência do usuário no seu site.
