Bonjour membres de la communauté !
J’ai essayé d’ajouter une bannière de couleur sous l’en-tête, mais je n’ai eu aucun succès jusqu’à présent. J’ai essayé divers codes CSS et HTML, j’ai même créé un composant personnalisé, mais la bannière continue d’apparaître en haut de l’en-tête. Mon objectif est d’obtenir quelque chose de similaire à ceci :
Si quelqu’un a de l’expérience avec cela ou a des suggestions, j’apprécierais grandement votre aide.
Merci !
Salut @Joe_Nguyen 
Voici comment vous pouvez faire cela en utilisant le point de terminaison du plugin below-site-header.
Étape 1 : Dans common-head d’un thème ou d’un composant de thème, ajoutez ceci :
<script type="text/x-handlebars" data-template-name="connectors/below-site-header/header-color-bar">
<div id="color-bar">
</div>
</script>
Étape 2 : Dans common-css du même thème ou composant de thème, ajoutez ceci :
#color-bar {
background-color: #13d83d;
height: 30px;
}
note : vous pouvez ajuster la hauteur et changer la propriété de couleur comme vous le souhaitez.
Cela devrait fonctionner : 
Merci @Lilly ! 
Si vous souhaitez voir comment cela est configuré en tant que composant de thème dans un dépôt plutôt que dans votre instance locale, vous pouvez copier mon dépôt ici :
Notez que je supprimerai probablement le dépôt dans quelques jours.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
