1 00:00:00,000 --> 00:00:01,310 Agora vamos dar uma olhada no 2 00:00:01,305 --> 00:00:04,995 rodapé e tentar torná-lo responsivo. 3 00:00:04,995 --> 00:00:09,455 E deixe-me ir para a visualização do tablet primeiro. 4 00:00:09,450 --> 00:00:11,520 E daqui, na verdade, tem dois. 5 00:00:11,520 --> 00:00:12,540 Parece muito bom. 6 00:00:12,540 --> 00:00:13,320 Acho que não precisamos fazer 7 00:00:13,320 --> 00:00:15,120 alterações na visualização do tablet. 8 00:00:15,120 --> 00:00:20,220 Mas quando chegamos à visualização móvel, 9 00:00:20,220 --> 00:00:23,550 é aqui que temos um pouco de espaço e o problema pode ver 10 00:00:23,550 --> 00:00:28,080 o cabeçalho do contato está um pouco próximo demais da imagem. 11 00:00:28,080 --> 00:00:30,470 Se formos muito pequenos, 12 00:00:30,465 --> 00:00:33,635 então é a mesma coisa. 13 00:00:33,630 --> 00:00:36,430 Exceto que a imagem agora parece muito, muito azul. 14 00:00:36,430 --> 00:00:39,590 Talvez a melhor opção para nós na visualização móvel seja 15 00:00:39,590 --> 00:00:42,730 simplesmente remover essa imagem. 16 00:00:42,725 --> 00:00:44,485 Vamos em frente e edite com 17 00:00:44,480 --> 00:00:47,400 Elementor, o rodapé global. 18 00:00:48,010 --> 00:00:51,020 Vou mudar para o tablet responsivo 19 00:00:51,020 --> 00:00:54,080 antes de tudo, apenas para confirmar. 20 00:00:54,080 --> 00:00:57,730 Então, modo responsivo, eu era bom no tablet. 21 00:00:57,725 --> 00:01:00,445 Tablet parece bom. Parece bom. 22 00:01:00,440 --> 00:01:02,000 Eu não acho que precisamos mudar nada, exceto 23 00:01:02,000 --> 00:01:04,100 talvez, na verdade, você sabe o quê? 24 00:01:04,100 --> 00:01:05,510 A partir da visualização do modelo, 25 00:01:05,510 --> 00:01:07,940 a imagem Jody parece meio desfocada. 26 00:01:07,940 --> 00:01:10,070 Isso porque é um pouco alto demais. 27 00:01:10,070 --> 00:01:12,110 O que podemos fazer é isso. 28 00:01:12,110 --> 00:01:14,390 Podemos reduzir o tamanho da 29 00:01:14,390 --> 00:01:15,590 primeira coluna e aumentar 30 00:01:15,590 --> 00:01:17,150 o da segunda coluna. 31 00:01:17,150 --> 00:01:21,610 Então, vamos ver o que 50 faremos. 32 00:01:21,605 --> 00:01:23,635 São 50 e, em seguida 33 00:01:23,630 --> 00:01:26,980 , o da direita também será 50. 34 00:01:26,975 --> 00:01:29,945 Mas a imagem ainda está um pouco desfocada. 35 00:01:29,945 --> 00:01:31,565 Então isso não é tão bom. 36 00:01:31,565 --> 00:01:33,475 Tudo bem, vamos voltar aqui. 37 00:01:33,470 --> 00:01:35,060 Vamos tentar fazer alguns ajustes. 38 00:01:35,060 --> 00:01:36,620 Talvez faça este. 39 00:01:36,620 --> 00:01:40,150 Digamos que 66. 40 00:01:40,145 --> 00:01:41,935 Acho que 66 está 41 00:01:41,930 --> 00:01:44,530 bem e eles vão complementar a segunda coluna, 42 00:01:44,525 --> 00:01:48,535 33 para que ela possa estar na mesma linha. 43 00:01:48,530 --> 00:01:51,850 Isso ainda está bom, eu acho. 44 00:01:51,845 --> 00:01:55,975 Mas e a visualização móvel ou a chave? 45 00:01:55,970 --> 00:02:01,270 Agora, ele pode ver que a imagem está muito borrada. 46 00:02:01,265 --> 00:02:04,225 E às vezes é melhor apenas nos mover e não 47 00:02:04,220 --> 00:02:09,110 ter certeza de certos tipos de elementos na visualização móvel. 48 00:02:09,110 --> 00:02:11,210 Então, sempre basta fazer aqui está tudo bem? 49 00:02:11,210 --> 00:02:14,000 Vamos clicar na coluna de edição da coluna 50 00:02:14,000 --> 00:02:15,340 irá para Avançado. 51 00:02:15,335 --> 00:02:16,765 E assim como fizemos anteriormente, 52 00:02:16,760 --> 00:02:20,840 vamos nos esconder no celular e pronto. 53 00:02:20,840 --> 00:02:24,160 Então, vamos avançar e atualizar. 54 00:02:24,155 --> 00:02:26,035 Vamos dar uma olhada no que vamos fazer com 55 00:02:26,030 --> 00:02:28,960 que esta veja a página. 56 00:02:28,955 --> 00:02:32,885 Vá para a página inicial. 57 00:02:32,885 --> 00:02:36,755 Vamos rolar para baixo. 58 00:02:36,850 --> 00:02:39,980 Ok, então a única coisa que precisamos fazer ANS para adicionar 59 00:02:39,980 --> 00:02:43,960 algum preenchimento para o cabeçalho do contato. 60 00:02:43,955 --> 00:02:48,665 Lambdas volte para voltar para a visualização do tablet, 61 00:02:48,665 --> 00:02:51,715 apenas para confirmar que está tudo bem. 62 00:02:51,710 --> 00:02:53,620 Então, sim, as visualizações do modelo estão boas. 63 00:02:53,615 --> 00:02:56,725 É a visualização móvel em que precisaremos adicionar 64 00:02:56,720 --> 00:03:00,170 algum espaço nos contatos do nosso botão. 65 00:03:00,170 --> 00:03:01,520 Então, vamos fazer isso rapidamente. Vamos 66 00:03:01,520 --> 00:03:04,550 voltar a editar com o rodapé global Elementor. 67 00:03:04,550 --> 00:03:06,860 Vamos apenas adicionar algum padrão ao, ao 68 00:03:06,860 --> 00:03:08,080 rodapé em si. 69 00:03:08,075 --> 00:03:09,685 Isso é o que simplesmente faremos. 70 00:03:09,680 --> 00:03:14,020 Tudo bem, vamos para o modo responsivo, móvel. 71 00:03:14,015 --> 00:03:16,285 Ok, então vamos editar esta seção aqui, 72 00:03:16,280 --> 00:03:18,530 editando a seção avançada. 73 00:03:18,530 --> 00:03:19,940 E vamos adicionar um pouco de preenchimento. 74 00:03:19,940 --> 00:03:23,300 Acho que o padrão dos 25 pixels superiores 75 00:03:23,300 --> 00:03:24,980 deve ser razoável. 76 00:03:24,980 --> 00:03:28,610 Não do topo, mas na verdade são do topo. 77 00:03:28,605 --> 00:03:30,725 Sim, do topo. Desculpe. Vá em frente. 78 00:03:30,725 --> 00:03:34,745 Página Bates. 79 00:03:35,410 --> 00:03:41,090 Página minimiza a rolagem para baixo. 80 00:03:41,090 --> 00:03:45,940 E isso é agora que a cauda de comida parece muito, muito melhor. 81 00:03:45,935 --> 00:03:50,395 Ok, então junte-se a mim no próximo vídeo, onde agora vamos 82 00:03:50,390 --> 00:03:54,920 dar uma olhada em tornar a página inicial responsiva. 83 00:03:54,920 --> 00:03:59,070 E, em particular, o banner da página inicial.