Je viens de configurer la fonctionnalité de la barre latérale et j’ai constaté que l’icône hamburger n’est pas visible, comme ceci :
Mais lorsque je place ma souris sur la boîte, son icône apparaît :
Comment puis-je afficher l’icône même lorsque je ne pointe pas mon curseur sur la boîte ?
Bonjour,
Il semble que votre variable de couleur --header_primary-low-mid (qui correspond aux boutons d’en-tête par défaut) soit de la même couleur que la couleur de --header_primary (en-tête) (#fff). C’est pourquoi l’icône de la barre latérale n’est pas visible. Comme je le vois sur votre site, vous utilisez la variable de couleur --tertiary pour les autres icônes d’en-tête. Vous pouvez également modifier la couleur du bouton de la barre latérale. Ou vous pouvez modifier la couleur de header_primary-low-mid pour la rendre visible.
Créez un nouveau composant de thème ou ajoutez ceci à un composant existant
Desktop > CSS
.header-sidebar-toggle {
button {
.d-icon {
color: var(--tertiary);
}
}
}
Merci pour votre réponse rapide !
Mais je ne trouve toujours pas la bonne variable que vous mentionnez :
Eh bien, d’après ce que je vois, aucun de ces contrôles ne permet de modifier la couleur des boutons d’en-tête. Il s’agit d’un thème personnalisé où vous pouvez changer les couleurs. Je pense qu’il s’agit d’un thème distant, vous ne pourrez donc probablement pas modifier la variable de couleur color, mais vous pouvez la vérifier sur la page /admin/customize/colors (Admin > Personnaliser > Couleurs). Sur cette page, sélectionnez la palette de couleurs que vous utilisez et recherchez la variable header_primary-low-mid. Si vous ne pouvez pas la modifier, vous devrez contacter le créateur du thème.
OU
Vous pouvez essayer d’ajouter un nouveau composant de thème qui modifiera la couleur des boutons de la barre latérale.
/admin/customize/themes/Cliquez sur le bouton Créer.
Le composant est créé. Sélectionnez maintenant les thèmes sur lesquels vous souhaitez l’activer.
Cliquez sur le bouton Modifier CSS/HTML.
Cliquez sur l’onglet Bureau et collez le code ci-dessous dans la section CSS.
.header-sidebar-toggle {
button {
.d-icon {
color: var(--tertiary);
}
}
}
Incroyable, merci pour votre aide. Cela a parfaitement résolu mon problème =]
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.