Contrôle l'espacement et la hauteur de l'en-tête de ton site pour correspondre à tes préférences de design.
​

L'espacement de l'en-tête contrôle l'espace au-dessus et en dessous du contenu de ton en-tête. L'ajuster change l'espace dont disposent tes noms, ton logo et la date du mariage, ce qui influence le look général de ton site !
​

L'espacement est l'espace entre le contenu de ton en-tête (noms ou logo, date du mariage et bouton RSVP) et les bords de la zone d'en-tête. Ton menu de navigation et ton image d'en-tête se trouvent en dehors de cette zone et ne sont pas concernés.
​

Espacement haut : Espace au-dessus du contenu de ton en-tête
​

Espacement bas : Espace en dessous du contenu de ton en-tête
​

Plus d'espacement = en-tête plus grand et spacieux
Moins d'espacement = en-tête compact et épuré
​

Équilibre visuel. Certains en-têtes paraissent serrés, d'autres trop spacieux.
​

Corresponds à ton style. Un mariage élégant voudra peut-être plus d'espace, un mariage décontracté moins.
​

Optimisation mobile. L'espacement est proportionnel à la largeur de l'écran, il est donc automatiquement plus petit sur téléphone.
​

Taille du logo. Si tu as un logo, plus d'espacement lui laisse de la place pour respirer.
​

Préférence personnelle. Tu aimes peut-être simplement le rendu d'un certain espacement !
​

L'espacement de ton en-tête se met à jour immédiatement !
​

L'espacement est défini en pourcentage de la largeur de l'écran, et non en pixels. Chaque curseur se déplace en 12 crans, d'aucun espacement sur Moins jusqu'à environ 30 % de la largeur de l'écran sur Plus.
​

Près de Moins : Compact, minimal
​

Au milieu : Confortable, standard
​

Près de Plus : En-tête spacieux et spectaculaire
​

Le haut et le bas se règlent séparément, tu peux donc utiliser des valeurs différentes :
​

Plus en haut, moins en bas : Fait descendre le contenu depuis le tout haut de la page
​

Plus en bas, moins en haut : Crée de l'espace avant le début du contenu de ta page
​

Égal : Rendu centré et équilibré
​

Différent : Asymétrique, peut créer des effets intéressants
​

Fais des essais pour voir ce qui rend le mieux !
​

Grands logos : Donne-leur de l'espace pour briller
​

Designs minimaux : L'espace blanc supplémentaire fait élégant
​

Vues sur ordinateur : Les écrans plus grands peuvent supporter plus d'espacement
​

Faire une déclaration : Beaucoup d'espacement crée un look audacieux et affirmé
​

Appareils mobiles : Économise l'espace sur les petits écrans
​

Sites riches en contenu : Les invités arrivent au contenu plus rapidement
​

Thèmes minimalistes : Certains thèmes sont conçus avec un espacement minimal
​

Après l'ajustement :
​

Il n'y a pas de réglage distinct pour mobile. Comme l'espacement est un pourcentage de la largeur de l'écran, le même réglage donne automatiquement un en-tête spacieux sur ordinateur et plus petit sur téléphone.
​

Ton image d'en-tête se trouve au-dessus de la zone d'en-tête avec espacement, l'espacement ne change donc pas sa taille. Si tu as ajouté un Arrière-plan de l'en-tête, il remplit la zone avec espacement : plus d'espacement montre donc davantage d'arrière-plan autour de tes noms.
​

Ton menu de navigation est distinct de l'en-tête, l'espacement de l'en-tête ne le modifie donc pas.
​

L'espacement de l'en-tête est adaptatif dans tous les thèmes : c'est un pourcentage de la largeur de l'écran, il s'ajuste donc automatiquement à la taille de l'écran.
​

L'espacement influence l'impression de "lourdeur" de ton en-tête :
​

Plus d'espacement = plus léger, plus aéré
​

Moins d'espacement = plus dense, plus compact
​

Choisis l'impression que tu veux donner aux invités quand ils visitent ton site !
​

L'espacement fonctionne avec l'alignement pour créer le look de ton en-tête :
​

Contenu centré + beaucoup d'espacement : Élégant, formel
​

Contenu aligné à gauche + espacement minimal : Moderne, épuré
​

Contenu centré + espacement minimal : Compact, efficace
​

Trop : L'en-tête prend la moitié de l'écran avant que les invités voient du contenu
​

Trop peu : L'en-tête paraît serré et difficile à lire
​

Déséquilibré : L'espacement haut et l'espacement bas sont très différents sans raison
​

Pas de test sur mobile : Superbe sur ordinateur, catastrophique sur téléphone
​

Les curseurs n'affichent pas d'unité. En coulisses, l'espacement est un pourcentage (%) de la largeur de l'écran, c'est pourquoi il s'adapte sur les petits écrans.
​

Espacement (padding) : Espace à l'intérieur de l'en-tête (autour du contenu)
​

Marge : Espace à l'extérieur de l'en-tête (entre l'en-tête et les autres éléments)
​

Ces curseurs règlent l'espacement, c'est-à-dire l'espace à l'intérieur de l'en-tête. Il n'y a pas de réglage de marge pour l'en-tête.
​

Si tu hésites :
​

Pars du réglage actuel
​

Ajuste progressivement (un ou deux crans de curseur à la fois)
​

Note la position de départ des curseurs, car il n'y a pas de bouton pour les réinitialiser
​

L'espacement de l'en-tête reste le même quand les invités font défiler la page.
​

L'espacement ne change pas la taille des boutons ou des liens, il ne rendra donc rien plus difficile à toucher
​

Trop d'espacement pousse ton contenu plus bas, les invités doivent donc faire défiler davantage sur téléphone
​

Trouve l'équilibre entre esthétique et facilité d'utilisation !
​

L'espacement de l'en-tête est un détail subtil qui fait une grande différence dans le côté soigné et professionnel de ton site. Ça vaut le coup de passer quelques minutes à le régler !
​