Agora vamos dar uma olhada no
rodapé e tentar torná-lo responsivo.
E deixe-me ir para a visualização do tablet primeiro.
E daqui, na verdade, tem dois.
Parece muito bom.
Acho que não precisamos fazer
alterações na visualização do tablet.
Mas quando chegamos à visualização móvel,
é aqui que temos um pouco de espaço e o problema pode ver
o cabeçalho do contato está um pouco próximo demais da imagem.
Se formos muito pequenos,
então é a mesma coisa.
Exceto que a imagem agora parece muito, muito azul.
Talvez a melhor opção para nós na visualização móvel seja
simplesmente remover essa imagem.
Vamos em frente e edite com
Elementor, o rodapé global.
Vou mudar para o tablet responsivo
antes de tudo, apenas para confirmar.
Então, modo responsivo, eu era bom no tablet.
Tablet parece bom. Parece bom.
Eu não acho que precisamos mudar nada, exceto
talvez, na verdade, você sabe o quê?
A partir da visualização do modelo,
a imagem Jody parece meio desfocada.
Isso porque é um pouco alto demais.
O que podemos fazer é isso.
Podemos reduzir o tamanho da
primeira coluna e aumentar
o da segunda coluna.
Então, vamos ver o que 50 faremos.
São 50 e, em seguida
, o da direita também será 50.
Mas a imagem ainda está um pouco desfocada.
Então isso não é tão bom.
Tudo bem, vamos voltar aqui.
Vamos tentar fazer alguns ajustes.
Talvez faça este.
Digamos que 66.
Acho que 66 está
bem e eles vão complementar a segunda coluna,
33 para que ela possa estar na mesma linha.
Isso ainda está bom, eu acho.
Mas e a visualização móvel ou a chave?
Agora, ele pode ver que a imagem está muito borrada.
E às vezes é melhor apenas nos mover e não
ter certeza de certos tipos de elementos na visualização móvel.
Então, sempre basta fazer aqui está tudo bem?
Vamos clicar na coluna de edição da coluna
irá para Avançado.
E assim como fizemos anteriormente,
vamos nos esconder no celular e pronto.
Então, vamos avançar e atualizar.
Vamos dar uma olhada no que vamos fazer com
que esta veja a página.
Vá para a página inicial.
Vamos rolar para baixo.
Ok, então a única coisa que precisamos fazer ANS para adicionar
algum preenchimento para o cabeçalho do contato.
Lambdas volte para voltar para a visualização do tablet,
apenas para confirmar que está tudo bem.
Então, sim, as visualizações do modelo estão boas.
É a visualização móvel em que precisaremos adicionar
algum espaço nos contatos do nosso botão.
Então, vamos fazer isso rapidamente. Vamos
voltar a editar com o rodapé global Elementor.
Vamos apenas adicionar algum padrão ao, ao
rodapé em si.
Isso é o que simplesmente faremos.
Tudo bem, vamos para o modo responsivo, móvel.
Ok, então vamos editar esta seção aqui,
editando a seção avançada.
E vamos adicionar um pouco de preenchimento.
Acho que o padrão dos 25 pixels superiores
deve ser razoável.
Não do topo, mas na verdade são do topo.
Sim, do topo. Desculpe. Vá em frente.
Página Bates.
Página minimiza a rolagem para baixo.
E isso é agora que a cauda de comida parece muito, muito melhor.
Ok, então junte-se a mim no próximo vídeo, onde agora vamos
dar uma olhada em tornar a página inicial responsiva.
E, em particular, o banner da página inicial.