Un en-tête collant reste fixe en haut de l'écran lorsque les visiteurs font défiler la page. Cela maintient votre menu de navigation visible en tout temps, facilitant ainsi la navigation sur votre site sans avoir à remonter en haut.
Étape 1 : Ajouter une section d'en-tête
Ouvrez la page ou le modèle que vous souhaitez modifier dans le constructeur SeedProd. Ajoutez une section qui contiendra les éléments de votre en-tête — votre logo, votre menu de navigation ou tout autre contenu d'en-tête.
Étape 2 : Ouvrir les paramètres de la section
Cliquez sur l'icône d'engrenage dans la barre d'outils violette de la section pour ouvrir son panneau de paramètres. Alternativement, ouvrez le panneau Navigation de la mise en page et cliquez sur la section d'en-tête à partir de là.
Étape 3 : Ouvrir le panneau de position
Dans les paramètres de la section, cliquez sur l'onglet Avancé, puis développez le panneau Position.
Étape 4 : Configurer la position collante
Dans le menu déroulant Position, sélectionnez Collant. Configurez ensuite les valeurs suivantes pour vous assurer que l'en-tête reste épinglé en haut, au-dessus de tous les autres éléments de la page :
- Décalage supérieur : Réglez sur
0pour que l'en-tête soit aligné sur le bord supérieur de la fenêtre d'affichage. - Index Z : Réglez sur une valeur élevée telle que
9999pour vous assurer que l'en-tête apparaît au-dessus de tous les autres éléments de la page.
Étape 5 : Enregistrer et prévisualiser
Cliquez sur Enregistrer pour appliquer vos modifications, puis prévisualisez la page. Faites défiler vers le haut et vers le bas pour confirmer que l'en-tête reste fixe en haut de l'écran.
Votre en-tête collant est maintenant en ligne. Les visiteurs auront toujours votre navigation à portée de main lorsqu'ils feront défiler n'importe quelle page de votre site — quelle que soit la longueur du contenu.