Modifier un bloc (Créer un compte)

Bonjour,

C’est important d’avoir un site correct sur mobile, car aujourd’hui c’est
en majorité sur mobile que sont consulté les sites WEB.

Je vais essayer de faire simple pour vous aider a résoudre votre problème
sur Mobile qui est du a plusieurs facteurs:
• Vous avez définit des marges internes personnalisées a 275 px
pour le bloc parent Colonnes qui contient vos trois colonnes
(voir 1ère photos), ce n’est pas bon car sur mobile vous avez
la même marge interne gauche et droite qui « compresse »
votre colonne.
Pour résoudre votre problème il faut utiliser comme dans la 2ème
images les marges internes prédéfinies pour le bloc colonnes.
En effet avec le thème Twenty twenty Five les marges internes
prédéfinies sont des espacements fluides, c’est a dire qu’au
fur  et a mesure que votre résolution d’écran baisse jusqu’a
avoir celle d’un mobile, les marges internes baissent de manière
linéaire, ce qui fait que votre site est reponsive.

• 2ème problème, lorsqu’on scrolle de droite de droite a gauche
votre site se décale horizontalement.
cela peut se résoudre avec du code CSS
Dans un thème classique il y avait le menu
apparence/personnaliser/CSS additionnel qui permettait
d’ajouter du code  CSS.
Ce menu n’existe pas dans un thème FSE, mais vous pouvez le retrouver
a partir de cette URL:
https://demo.comsteph.fr/wp-admin/customize.php

Alors entrez dans le menu CSS additiuonnel le code CSS suivant:

html,body{
width:100%;
overflow-x:hidden;
}

Un dernier problème, le clic sur votre  N° de téléphone dans le pied de page
n’ouvre pas l’appel du numéro sur mobile, car votre lien n’est pas bon.
Renseigner le lien comme dans la dernière image et surtout n’appuyer
sur la touche entrée comme indiquer, mais cliquer sur le lien surligné
en jaune sur l’image

Dernier point,
Protéger votre adresse e-mail & N° Tel sinon vous allez
être vite spamé!

pour cela utiliser l’extension: Email Encoder

personnaliser les réglages comme dans l’image ci-jointe

Si vous ête connecté en ant qu’administrateur, vous verrez alors un cadenas vert
a coté de vos liens E-meil , tel pour indiquer que la protection est active.

Pour le bloc colonnes, il vous suffit de modier le nbre de colonnes
du bloc colonnes mettre 5 colonnes au lieu de trois.
utiliser ensuite la vue liste sur la gauche de la photo ci-jointe
pour glisser déposer les colonnes vides sur les extérieurs
du bloc colonnes.

Pour  le texte et image où il y a les jeunes mariés
même problème, pour le bloc Colonnes
vous avez définit des marges internes personnalisées a 300 px.

« Concernant les six photos en bas, les deux photos au centre sur le téléphone prennent carrément toute la largeur »
Je viens d’inspecter le code et effectivement, vous n’avez pas mis de marges internes
pour les colonnes de ces deux photos, contrairement aux autres colonnes ou vous avez
sélectionner une marge interne prédéfinie ce qui est bien car ce sont des espacements fluides
donc responsive.