Mobilmarken-Header unsichtbar?

Entwickler
,
1

Ich bin mir nicht sicher, ob ich CSS korrekt anwende. Die Benutzeroberfläche bietet verschiedene Optionen…

Die Desktop-Version habe ich wie gewünscht gestaltet: https://la.confederac.io/

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

Die mobile Version übernimmt jedoch die Stile nicht und bietet tatsächlich überhaupt kein Menü an.

Screenshot_20180326-192819
Screenshot_20180326-1928191080×1920 150 KB

Ist dieses Verhalten derzeit beabsichtigt, oder übersehe ich etwas?

PS: Beachten Sie auch, dass der mobile Seitentitel bei zwei Zeilen mit dem Dropdown-Menü überlappt.

2

Tatsächlich sehe ich jetzt, dass das Burger-Symbol zwar tatsächlich rechts ist, aber weiß, was es praktisch unsichtbar macht. Ich kann den CSS-Selektor nicht finden, um dieses fa-bars zu stylen. Können Sie bitte helfen?

3

Sie können den folgenden Code verwenden, um die Farbe von fa-bars zu ändern

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

Vielen Dank! fa-bars ist jetzt sichtbar.