Hamburger-Symbol für die Seitenleiste nicht sichtbar

[RHEE (SANG HYUN RHEE)]

Ich habe gerade die Seitenleistenfunktion eingerichtet und festgestellt, dass das Hamburger-Symbol nicht sichtbar ist, wie hier:

Aber wenn ich mit der Maus über das Feld fahre, erscheint irgendwie das Symbol:

Wie kann ich das Symbol auch dann anzeigen, wenn ich meinen Cursor nicht über das Feld bewege?

[Don]

Hallo,

Es scheint, dass Ihre --header_primary-low-mid (welche die Standard-Header-Buttons sind) Farbvariable dieselbe Farbe wie die --header_primary (Header) Farbe (#fff) hat. Deshalb ist das Sidebar-Symbol nicht sichtbar. Wie ich auf Ihrer Website sehe, verwenden Sie die --tertiary Farbvariable für die anderen Header-Symbole. Sie können auch die Farbe des Sidebar-Buttons ändern. Oder Sie können die Farbe von header_primary-low-mid ändern, um sie sichtbar zu machen.

Erstellen Sie eine neue Theme-Komponente oder fügen Sie dies zu einer bestehenden hinzu

Desktop > CSS

.header-sidebar-toggle {
  button {
    .d-icon {
      color: var(--tertiary);
    }
  }
}

[RHEE (SANG HYUN RHEE)]

Vielen Dank für Ihre schnelle Antwort!
Aber ich kann die richtige Variable, die Sie erwähnen, immer noch nicht finden:

Welche meinen Sie?

[Don]

Nun, soweit ich sehe, kann keine dieser Steuerelemente die Farbe der Header-Schaltflächen steuern. Dies ist ein benutzerdefiniertes Thema, bei dem Sie die Farben ändern können. Ich denke, dies ist ein Remote-Thema, daher können Sie die Farbvariable color wahrscheinlich nicht ändern, aber Sie können sie auf der Seite /admin/customize/colors (Admin > Anpassen > Farben) überprüfen. Wählen Sie auf dieser Seite die von Ihnen verwendete Farbpalette aus und suchen Sie nach der Variablen header_primary-low-mid. Wenn Sie sie nicht ändern können, müssen Sie sich an den Ersteller des Themas wenden.

ODER

Sie können versuchen, eine neue Themenkomponente hinzuzufügen, die die Farbe der Sidebar-Schaltfläche ändert.

1. Gehen Sie zu /admin/customize/themes/
   Anpassen → Themen
2. Klicken Sie auf die Registerkarte Komponenten und dann auf die Schaltfläche Installieren
3. Klicken Sie im Popup-Fenster auf die Registerkarte + Neu erstellen und geben Sie den Namen der neuen Komponente ein.

4. Klicken Sie auf die Schaltfläche Erstellen.

5. Die Komponente wurde erstellt. Wählen Sie nun aus, auf welchen Themen sie aktiviert werden soll.
   

   

6. Klicken Sie auf die Schaltfläche CSS/HTML bearbeiten.
   

   

7. Klicken Sie auf die Registerkarte Desktop und fügen Sie den folgenden Code in den Abschnitt CSS ein.

.header-sidebar-toggle {
  button {
    .d-icon {
      color: var(--tertiary);
    }
  }
}

8. Klicken Sie auf die Schaltfläche Speichern. Fertig

[RHEE (SANG HYUN RHEE)]

Großartig, danke für deine Hilfe. Es hat mein Problem perfekt gelöst =]