En-tête de la marque mobile invisible ?

Dev
,
1

Je ne suis pas certain d’appliquer correctement le CSS. L’interface utilisateur propose différentes options…

J’ai stylisé la version bureau comme souhaité : https://la.confederac.io/

Screenshot%20from%202018-03-26%2019-31-43
Screenshot%20from%202018-03-26%2019-31-431920×1080 171 KB

Cependant, la version mobile n’applique pas les styles et, en fait, ne propose aucun menu.

Screenshot_20180326-192819
Screenshot_20180326-1928191080×1920 150 KB

Est-ce le comportement actuel prévu, ou manque-t-il quelque chose de mon côté ?

PS : Notez également comment le titre du site mobile sur deux lignes entraîne un chevauchement avec le menu déroulant.

2

En fait, je vois maintenant que l’icône burger est bien à droite, mais elle est blanche, ce qui la rend pratiquement invisible. Je n’arrive pas à trouver le sélecteur CSS pour styliser ce fa-bars. Pouvez-vous m’aider, s’il vous plaît ?

3

Vous pouvez utiliser le code ci-dessous pour modifier la couleur de fa-bars

.b-header .panel > ul.icons [class^="fa fa-"] {
    color: #333;
}
4

Merci beaucoup ! fa-bars est maintenant visible.