1 00:00:00,000 --> 00:00:01,310 Jetons maintenant un coup d'œil au 2 00:00:01,305 --> 00:00:04,995 pied de page et essayons de le rendre réactif. 3 00:00:04,995 --> 00:00:09,455 Et laissez-moi d'abord passer à la vue de la tablette. 4 00:00:09,450 --> 00:00:11,520 Et à partir de là, il y en a deux. 5 00:00:11,520 --> 00:00:12,540 Ça a l'air plutôt bien. 6 00:00:12,540 --> 00:00:13,320 Je ne pense pas que nous ayons besoin d'apporter 7 00:00:13,320 --> 00:00:15,120 des modifications à la vue de la tablette. 8 00:00:15,120 --> 00:00:20,220 Mais une fois que nous arrivons à la vue mobile, 9 00:00:20,220 --> 00:00:23,550 c'est là que nous avons un peu d'espace et que le problème peut voir 10 00:00:23,550 --> 00:00:28,080 l'en-tête du contact est un peu trop proche de l'image. 11 00:00:28,080 --> 00:00:30,470 Si nous allons vraiment petits, 12 00:00:30,465 --> 00:00:33,635 alors c'est la même chose. 13 00:00:33,630 --> 00:00:36,430 Sauf que l'image en ce moment est très, très bleue. 14 00:00:36,430 --> 00:00:39,590 La meilleure option pour nous sur la vue mobile serait peut-être 15 00:00:39,590 --> 00:00:42,730 simplement de supprimer cette image. 16 00:00:42,725 --> 00:00:44,485 Allons de l'avant et éditons avec 17 00:00:44,480 --> 00:00:47,400 Elementor, le pied de page mondial. 18 00:00:48,010 --> 00:00:51,020 Je vais d' abord passer à une tablette réactive 19 00:00:51,020 --> 00:00:54,080 , juste pour confirmer. 20 00:00:54,080 --> 00:00:57,730 Donc en mode réactif, j' étais bon en tablette. 21 00:00:57,725 --> 00:01:00,445 tablette a l'air bien. Il a l'air très bien. 22 00:01:00,440 --> 00:01:02,000 Je ne pense pas que nous ayons besoin de changer quoi que ce soit, sauf 23 00:01:02,000 --> 00:01:04,100 peut-être qu'en fait, tu sais quoi ? 24 00:01:04,100 --> 00:01:05,510 De la vue du modèle, 25 00:01:05,510 --> 00:01:07,940 l'image Jody semble plutôt floue. 26 00:01:07,940 --> 00:01:10,070 C'est parce qu'il est un peu trop grand. 27 00:01:10,070 --> 00:01:12,110 Ce que nous pouvons faire, c'est cela. 28 00:01:12,110 --> 00:01:14,390 Nous pouvons réduire la taille de 29 00:01:14,390 --> 00:01:15,590 la première colonne et augmenter 30 00:01:15,590 --> 00:01:17,150 celle de la deuxième colonne. 31 00:01:17,150 --> 00:01:21,610 Voyons donc ce que nous allons faire 50. 32 00:01:21,605 --> 00:01:23,635 Il est 50 ans, puis 33 00:01:23,630 --> 00:01:26,980 celui de droite sera de 50 ans. 34 00:01:26,975 --> 00:01:29,945 Mais l'image est encore un peu floue. 35 00:01:29,945 --> 00:01:31,565 Ce n'est donc pas génial. 36 00:01:31,565 --> 00:01:33,475 Très bien, revenons ici. 37 00:01:33,470 --> 00:01:35,060 Essayons de faire quelques ajustements. 38 00:01:35,060 --> 00:01:36,620 Peut-être que c'est ça. 39 00:01:36,620 --> 00:01:40,150 Disons 66. 40 00:01:40,145 --> 00:01:41,935 Je pense que 66 va 41 00:01:41,930 --> 00:01:44,530 bien et ils vont compléter la deuxième colonne, 42 00:01:44,525 --> 00:01:48,535 33 pour qu'elle soit sur la même ligne. 43 00:01:48,530 --> 00:01:51,850 C'est toujours très bien, je suppose. 44 00:01:51,845 --> 00:01:55,975 Mais qu'en est-il de la vue mobile ou de la clé ? 45 00:01:55,970 --> 00:02:01,270 Maintenant, il peut voir que l'image est juste trop floue. 46 00:02:01,265 --> 00:02:04,225 Et parfois, il est préférable de simplement bouger et de ne pas 47 00:02:04,220 --> 00:02:09,110 être sûr de certains types d' éléments dans la vue mobile. 48 00:02:09,110 --> 00:02:11,210 Donc, il suffit de le faire ici, est-ce que ça va ? 49 00:02:11,210 --> 00:02:14,000 Nous allons cliquer sur la colonne d'édition de colonne 50 00:02:14,000 --> 00:02:15,340 qui ira à Avancé. 51 00:02:15,335 --> 00:02:16,765 Et comme nous l'avons fait précédemment, 52 00:02:16,760 --> 00:02:20,840 nous allons nous cacher sur mobile et c'est tout. 53 00:02:20,840 --> 00:02:24,160 Allons de l'avant et mettons à jour. 54 00:02:24,155 --> 00:02:26,035 Jetons un coup d'œil à ce que nous allons 55 00:02:26,030 --> 00:02:28,960 voir cette page. 56 00:02:28,955 --> 00:02:32,885 Accédez à la page d'accueil. 57 00:02:32,885 --> 00:02:36,755 Défilons vers le bas. 58 00:02:36,850 --> 00:02:39,980 Ok, donc la seule chose que nous devons faire ANS pour ajouter un 59 00:02:39,980 --> 00:02:43,960 peu de rembourrage à l'en-tête du contact. 60 00:02:43,955 --> 00:02:48,665 Lambdas retournent à la vue de retour à la tablette, 61 00:02:48,665 --> 00:02:51,715 juste pour confirmer que c'est bon. 62 00:02:51,710 --> 00:02:53,620 Donc oui, les vues de modèles sont très bien. 63 00:02:53,615 --> 00:02:56,725 C'est la vue mobile où nous allons avoir besoin d' ajouter 64 00:02:56,720 --> 00:03:00,170 de l'espace dans les contacts de notre bouton. 65 00:03:00,170 --> 00:03:01,520 Faisons donc rapidement cela. Nous allons 66 00:03:01,520 --> 00:03:04,550 revenir à l'édition avec le pied de page global Elementor. 67 00:03:04,550 --> 00:03:06,860 Nous allons simplement ajouter un motif au 68 00:03:06,860 --> 00:03:08,080 pied de page lui-même. 69 00:03:08,075 --> 00:03:09,685 C'est ce que nous allons simplement faire. 70 00:03:09,680 --> 00:03:14,020 Très bien, passons en mode réactif, mobile. 71 00:03:14,015 --> 00:03:16,285 Ok, nous allons donc modifier cette section ici, 72 00:03:16,280 --> 00:03:18,530 modifier la section avancée. 73 00:03:18,530 --> 00:03:19,940 Et nous allons simplement ajouter un peu de rembourrage. 74 00:03:19,940 --> 00:03:23,300 Je suppose que le motif des 25 pixels supérieurs 75 00:03:23,300 --> 00:03:24,980 devrait être raisonnable. 76 00:03:24,980 --> 00:03:28,610 Non pas du haut, mais ils sont en fait du haut. 77 00:03:28,605 --> 00:03:30,725 Oui, du haut. Désolé. Allez-y. 78 00:03:30,725 --> 00:03:34,745 page Bates. 79 00:03:35,410 --> 00:03:41,090 Faites défiler la page vers le bas. 80 00:03:41,090 --> 00:03:45,940 Et c'est maintenant que la queue de nourriture a l'air beaucoup, beaucoup mieux. 81 00:03:45,935 --> 00:03:50,395 Ok, alors rejoignez-moi dans la prochaine vidéo où nous allons maintenant 82 00:03:50,390 --> 00:03:54,920 jeter un coup d'œil à la réactivité de la page d'accueil. 83 00:03:54,920 --> 00:03:59,070 Et en particulier, la bannière de la page d'accueil.