L'icona hamburger per la barra laterale non è visibile

[RHEE (SANG HYUN RHEE)]

Ho appena configurato la funzionalità della barra laterale e ho scoperto che l’icona dell’hamburger non è visibile, così:

Ma quando passo il mouse sopra il riquadro, in qualche modo appare la sua icona:

Come posso mostrare l’icona anche quando non sto puntando il cursore sul riquadro?

[Don]

Ciao,

Sembra che la tua variabile di colore --header_primary-low-mid (che sono i pulsanti dell’intestazione predefiniti) abbia lo stesso colore di --header_primary (intestazione) colore (#fff). Questo è il motivo per cui l’icona della barra laterale non è visibile. Come vedo sul tuo sito, stai usando la variabile di colore --tertiary per le altre icone dell’intestazione. Puoi anche cambiare il colore del pulsante della barra laterale. Oppure puoi cambiare il colore di header_primary-low-mid per renderlo visibile.

Crea un nuovo componente tema o aggiungi questo a uno esistente

Desktop > CSS

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

[RHEE (SANG HYUN RHEE)]

Grazie per la tua pronta risposta!
Ma non riesco ancora a trovare la variabile giusta che stai menzionando:

Quale?

[Don]

Bene, per quanto vedo nessuno di questi controlli può modificare il colore dei pulsanti dell’intestazione. Questo è un tema personalizzato dove puoi cambiare i colori. Penso che questo sia un tema remoto, quindi probabilmente non puoi cambiare la variabile di colore color, ma puoi controllarla nella pagina /admin/customize/colors (Admin > Personalizza > Colori). In quella pagina seleziona la Palette Colore che usi e cerca la variabile header_primary-low-mid. Se non riesci a cambiarla, dovrai contattare il creatore del tema.

OPPURE

Puoi provare ad aggiungere un nuovo componente tema che cambierà il colore del pulsante della barra laterale.

1. Vai su /admin/customize/themes/
   Personalizza → Temi
2. Fai clic sulla scheda Componenti e quindi sul pulsante Installa
3. Nella finestra popup fai clic sulla scheda + Crea nuovo e digita il nome del nuovo componente.

4. Fai clic sul pulsante Crea.

5. Il componente è stato creato. Ora seleziona su quale tema (o temi) vuoi attivarlo.
   

   

6. Fai clic sul pulsante Modifica CSS/HTML.
   

   

7. Fai clic sulla scheda Desktop e incolla il codice sottostante nella sezione CSS.

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

8. Fai clic sul pulsante Salva. Fatto

[RHEE (SANG HYUN RHEE)]

Fantastico, grazie per il tuo aiuto. Ha risolto perfettamente il mio problema =]