Os iPads com iPadOS exibem a mesma visualização que um computador. Ative o layout responsivo para desktop e tablet para garantir que todas as personalizações permaneçam visíveis nos sites publicados.
O layout responsivo exibe o cabeçalho de navegação superior em desktops maiores e alterna automaticamente para o cabeçalho do menu hambúrguer quando o tamanho da tela é de 1024px ou menor.
Antes de começar
- O Guesty ativa esse recurso automaticamente para a maioria dos sites. Se a opção não estiver presente, o recurso já está ativo. Depois de ativado, ele não pode ser desativado.
- CSS e breakpoints: O CSS permanece o mesmo para breakpoints de desktop grande e de desktop pequeno/tablet. Você não verá um CSS separado para tablets.
- Visibilidade do elemento: Você pode ocultar elementos em pontos de interrupção específicos.
- Transições: As transições de layout são baseadas no tamanho da tela para garantir uma experiência fluida.
-
Layouts automáticos: As seguintes personalizações utilizam automaticamente o layout da área de trabalho e não requerem ajustes manuais:
- Layouts de galeria de fotos
- Regras de personalização de tablets
- Animações
- Se o seu site contém elementos ocultos, torne-os visíveis antes de ativar o Layout Responsivo. Se os elementos ficarem distorcidos, desative o Layout Responsivo, mostre todos os elementos ocultos e, em seguida, ative o Layout Responsivo novamente antes de ocultar os elementos necessários. Saiba como mostrar elementos ocultos.
- As regras de personalização não incluirão um tablet específico. As configurações selecionadas para desktop também se aplicam às visualizações em tablets.
Utilize layouts de site responsivos
Siga os passos abaixo para ativar layouts responsivos e gerenciar pontos de interrupção da tela.
- No painel lateral do editor, clique em Tema.
- Clique em Layout do Site.
- Em "Desktop", ative o Layout Responsivo.
- Selecione um layout de site para telas acima de 1024px.
- Selecione um layout de site para telas de 1024px ou menores.
- Ative ou desative a opção "Ocultar botão voltar ao topo" em dispositivos móveis.
Após ativar o layout responsivo, use o seletor de visualização na barra de navegação superior para alternar entre Desktop Grande (acima de 1024px), Desktop/Tablet Pequeno (1024px ou menos) e Dispositivos Móveis. Saiba como alternar entre as visualizações.