Comment puis-je faire en sorte que l'en-tête de mon site web se rétrécisse lorsque les visiteurs font défiler la page ?

Vous souhaitez améliorer l'expérience de navigation sur votre site Website Builder ? Essayez d'ajouter un effet de réduction à l'en-tête. Lorsqu'il est appliqué, l'effet de rétrécissement épingle votre en-tête en haut de votre page et le rétrécit au fur et à mesure que les visiteurs font défiler la page. Lorsqu'ils reviennent en haut de la page, l'en-tête reprend sa taille normale. 

Il s'agit d'une fonctionnalité intelligente à appliquer si vous voulez vous assurer que vos visiteurs peuvent voir la plus grande partie possible de votre site web lorsqu'ils font défiler la page, sans les éloigner des éléments importants, tels que votre menu, dans l'en-tête.

Étape 1 - Allez dans les paramètres de l'en-tête dans l'éditeur de Website Builder.

  1. Allez dans l'éditeur de Website Builder et cliquez sur votre en-tête tout en haut de la page.
  2. Cliquez sur l'onglet Modifier l'en-tête qui apparaît.
Capture d'écran de l'éditeur de Website Builder. La section de l'en-tête est mise en évidence et une flèche rouge pointe vers l'onglet "Modifier l'en-tête".

Étape 2 - Activer l'effet de rétrécissement

  1. Vous verrez maintenant deux menus pour l'en-tête : Un panneau de propriétés et un menu flottant. Trouvez ce dernier et sélectionnez l'effet de réduction au bas du menu.
  2. Faites glisser le commutateur de l'effet de rétrécissement pour activer l'effet.
Capture d'écran de l'éditeur de Website Builder. Le menu flottant est ouvert et une flèche rouge pointe vers l'option encadrée "Effet de réduction".

Étape 3 - Ajustez l'effet de rétrécissement

Faites glisser le marqueur sur la barre dans l'une ou l'autre direction pour définir le pourcentage de rétrécissement de votre logo lorsque les visiteurs font défiler la page. Le pourcentage minimum de rétrécissement est de 10 % et le maximum de 50 %.

Capture d'écran du menu ouvert Effet de rétrécissement. Une flèche rouge pointe vers le paramètre où vous pouvez décider de l'ampleur du rétrécissement du logo.

Étape 4 - Prévisualisation, enregistrement et publication

Consultez votre aperçu pour voir l'effet en action. Une fois que vous êtes satisfait, vous pouvez enregistrer et publier la modification sur votre site web.

GIF montrant l'effet de rétrécissement de l'en-tête en action.

Articles liés :

Cet article vous a-t-il été utile ?

Vous ne trouvez pas ce que vous cherchez ?

Commencez une conversation

Le moyen le plus rapide de nous contacter – en semaine de 09h00 à 16h00.

Commencer la conversation