Breakpoint é a largura de viewport a partir da qual regras responsivas mudam; não identifica um modelo específico de aparelho. O Elementor oferece PC, tablet e mobile. A ajuda atual descreve 1024 px como limite de tablet e 767 px como limite de mobile, mas cada site pode ter valores próprios.
Antes de começar
Consulte ou altere os breakpoints
- No editor, clique no ícone para abrir Configurações do site (Site Settings).
- Em Configurações > Layout, role até Breakpoints e expanda a seção. Registre os valores e os pontos ativos antes de mudar.
- Para adicionar um breakpoint, clique + em Breakpoints ativos e escolha um tipo de dispositivo. Ajuste o valor em pixels e clique Salvar alterações. Os dois breakpoints padrão não podem ser excluídos; pontos adicionais podem ser removidos pelo X ao lado do nome.
- Para alterar uma propriedade em certo viewport, use os ícones de dispositivo na visualização e junto à configuração. Ajustes são herdados de telas maiores para menores, salvo quando personalizados no viewport mais estreito.
Passo a passo
- Teste larguras logo abaixo, no valor e logo acima de cada breakpoint — por exemplo, 766/767/768 px e 1023/1024/1025 px se esses forem os limites ativos.
- Verifique menu, cabeçalho, colunas, formulários, botões, tabelas, rolagem horizontal e foco de teclado em cada faixa.
- Como um breakpoint pode mudar várias páginas, teste em staging páginas representativas de cada modelo compartilhado antes de publicar.
Limites e cuidados
Os limites correspondem à largura do viewport, não ao nome comercial do aparelho: um laptop estreito pode receber layout de tablet. Mais pontos criam mais variações para manter; reteste páginas existentes após qualquer alteração global.
Próxima leitura
Explore o núcleo de ferramentas e hospedagem para ver orientações relacionadas.
Fonte oficial: Edição responsiva e breakpoints — Elementor.