Jetons maintenant un coup d'œil au
pied de page et essayons de le rendre réactif.
Et laissez-moi d'abord passer à la vue de la tablette.
Et à partir de là, il y en a deux.
Ça a l'air plutôt bien.
Je ne pense pas que nous ayons besoin d'apporter
des modifications à la vue de la tablette.
Mais une fois que nous arrivons à la vue mobile,
c'est là que nous avons un peu d'espace et que le problème peut voir
l'en-tête du contact est un peu trop proche de l'image.
Si nous allons vraiment petits,
alors c'est la même chose.
Sauf que l'image en ce moment est très, très bleue.
La meilleure option pour nous sur la vue mobile serait peut-être
simplement de supprimer cette image.
Allons de l'avant et éditons avec
Elementor, le pied de page mondial.
Je vais d' abord passer à une tablette réactive
, juste pour confirmer.
Donc en mode réactif, j' étais bon en tablette.
tablette a l'air bien. Il a l'air très bien.
Je ne pense pas que nous ayons besoin de changer quoi que ce soit, sauf
peut-être qu'en fait, tu sais quoi ?
De la vue du modèle,
l'image Jody semble plutôt floue.
C'est parce qu'il est un peu trop grand.
Ce que nous pouvons faire, c'est cela.
Nous pouvons réduire la taille de
la première colonne et augmenter
celle de la deuxième colonne.
Voyons donc ce que nous allons faire 50.
Il est 50 ans, puis
celui de droite sera de 50 ans.
Mais l'image est encore un peu floue.
Ce n'est donc pas génial.
Très bien, revenons ici.
Essayons de faire quelques ajustements.
Peut-être que c'est ça.
Disons 66.
Je pense que 66 va
bien et ils vont compléter la deuxième colonne,
33 pour qu'elle soit sur la même ligne.
C'est toujours très bien, je suppose.
Mais qu'en est-il de la vue mobile ou de la clé ?
Maintenant, il peut voir que l'image est juste trop floue.
Et parfois, il est préférable de simplement bouger et de ne pas
être sûr de certains types d' éléments dans la vue mobile.
Donc, il suffit de le faire ici, est-ce que ça va ?
Nous allons cliquer sur la colonne d'édition de colonne
qui ira à Avancé.
Et comme nous l'avons fait précédemment,
nous allons nous cacher sur mobile et c'est tout.
Allons de l'avant et mettons à jour.
Jetons un coup d'œil à ce que nous allons
voir cette page.
Accédez à la page d'accueil.
Défilons vers le bas.
Ok, donc la seule chose que nous devons faire ANS pour ajouter un
peu de rembourrage à l'en-tête du contact.
Lambdas retournent à la vue de retour à la tablette,
juste pour confirmer que c'est bon.
Donc oui, les vues de modèles sont très bien.
C'est la vue mobile où nous allons avoir besoin d' ajouter
de l'espace dans les contacts de notre bouton.
Faisons donc rapidement cela. Nous allons
revenir à l'édition avec le pied de page global Elementor.
Nous allons simplement ajouter un motif au
pied de page lui-même.
C'est ce que nous allons simplement faire.
Très bien, passons en mode réactif, mobile.
Ok, nous allons donc modifier cette section ici,
modifier la section avancée.
Et nous allons simplement ajouter un peu de rembourrage.
Je suppose que le motif des 25 pixels supérieurs
devrait être raisonnable.
Non pas du haut, mais ils sont en fait du haut.
Oui, du haut. Désolé. Allez-y.
page Bates.
Faites défiler la page vers le bas.
Et c'est maintenant que la queue de nourriture a l'air beaucoup, beaucoup mieux.
Ok, alors rejoignez-moi dans la prochaine vidéo où nous allons maintenant
jeter un coup d'œil à la réactivité de la page d'accueil.
Et en particulier, la bannière de la page d'accueil.