Ícone de hambúrguer para a barra lateral não está visível

[RHEE (SANG HYUN RHEE)]

Acabei de configurar o recurso de barra lateral e descobri que o ícone de hambúrguer não está visível, assim:\n

\n\nMas quando passo o mouse sobre a caixa, o ícone aparece de alguma forma:\n

\n\nComo posso mostrar o ícone mesmo quando não estou apontando o cursor para a caixa?

[Don]

Olá,

Parece que a sua variável de cor --header_primary-low-mid (que são os botões de cabeçalho padrão) tem a mesma cor que a variável de cor --header_primary (cabeçalho) (#fff). É por isso que o ícone da barra lateral não está visível. Como vejo no seu site, você está usando a variável de cor --tertiary para os outros ícones do cabeçalho. Você também pode alterar a cor do botão da barra lateral. Ou você pode alterar a cor de header_primary-low-mid para torná-la visível.

Crie um novo componente de tema ou adicione isso a um existente

Desktop > CSS

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

[RHEE (SANG HYUN RHEE)]

Obrigado pela sua resposta rápida!
Mas ainda não consigo encontrar a variável correta que você mencionou:

Qual delas?

[Don]

Bem, como vejo, nenhum desses controles pode alterar a cor dos botões do cabeçalho. Este é um tema personalizado onde você pode alterar as cores. Acho que este é um tema remoto, então provavelmente você não pode alterar a variável de cor color, mas pode verificá-la na página /admin/customize/colors (Admin > Personalizar > Cores). Nessa página, selecione a Paleta de Cores que você usa e procure pela variável header_primary-low-mid. Se você não conseguir alterá-la, precisará entrar em contato com o criador do tema.

OU

Você pode tentar adicionar um novo componente de tema que alterará a cor do botão da barra lateral.

1. Vá para /admin/customize/themes/
   Personalizar → Temas
2. Clique na aba Componentes e, em seguida, no botão Instalar
3. Na janela pop-up, clique na aba + Criar novo e digite o nome do novo componente.

4. Clique no botão Criar.
5. O componente foi criado. Agora selecione em qual(is) tema(s) você deseja ativá-lo.
   
   
6. Clique no botão Editar CSS/HTML.
   
   
7. Clique na aba Desktop e cole o código abaixo na seção CSS.

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

8. Clique no botão Salvar. Pronto

[RHEE (SANG HYUN RHEE)]

Incrível, obrigado pela ajuda. Resolveu perfeitamente meu problema =]