Le menu d’en-tête ne s’affiche pas correctement sur votre page d’accueil et il semble y avoir du contenu qui se chevauche lorsque vous survolez le menu.
Selon les meilleures pratiques en matière de conception d'en-tête de site Web, l'en-tête transparent sera plus élégant sur les éléments d'arrière-plan tels que les bannières d'images ou les diaporamas. Si la mise en page de votre site Web ne comporte pas ces éléments à définir dans la première section, cela peut être la raison pour laquelle vous rencontrez le problème mentionné ci-dessus. Comme vous pouvez le voir dans l'exemple ci-dessous (l'image), le collage d'onglets est défini comme première section et le menu d'en-tête transparent semble mauvais lorsque nous déplaçons le pointeur de la souris hors du menu.
Dans ce cas, nous vous recommandons de désactiver le mode d'en-tête transparent pour garantir le meilleur affichage lorsque vous avez un type de première section différent plutôt qu'une bannière ou un diaporama. Cet article vous montrera comment procéder.
Comment désactiver l'en-tête transparent
- Sur votre tableau de bord Shopify Admin, cliquez sur Boutique en ligne > Thèmes .
- Sur la page Thèmes, choisissez le thème Be Yours et cliquez sur le bouton Personnaliser du thème.
- Dans le menu de gauche de la page d'accueil, cliquez sur la section En-tête .
- Dans le panneau de configuration de la section En-tête , faites défiler jusqu'à En-tête transparent et vous pouvez voir deux options Activer sur la page d'accueil et Activer sur les pages de collection . Décochez l’un d’eux ou les deux pour résoudre le problème. Ensuite, cliquez sur Enregistrer .
- En conséquence, un arrière-plan uni apparaît sous le menu pour éviter l'affichage superposé.
Nous espérons que cet article vous sera utile ! Si vous avez des inquiétudes concernant cette fonctionnalité, n'hésitez pas à contacter notre équipe pour obtenir une assistance supplémentaire.