El icono de hamburguesa para la barra lateral no es visible

[RHEE (SANG HYUN RHEE)]

Acabo de configurar la función de barra lateral y descubrí que el ícono de hamburguesa no es visible, como esto:

Pero cuando coloco el mouse sobre el cuadro, de alguna manera aparece su ícono:

¿Cómo puedo mostrar el ícono incluso cuando no estoy apuntando con el cursor al cuadro?

[Don]

Hola,

Parece que tu variable de color --header_primary-low-mid (que son los botones de encabezado predeterminados) tiene el mismo color que la variable de color --header_primary (encabezado) (#fff). Por eso el icono de la barra lateral no es visible. Como veo en tu sitio, estás usando la variable de color --tertiary para los otros iconos del encabezado. También puedes cambiar el color del botón de la barra lateral. O puedes cambiar el color de header_primary-low-mid para hacerlo visible.

Crea un nuevo componente de tema o añade esto a uno existente

Escritorio > CSS

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

[RHEE (SANG HYUN RHEE)]

¡Gracias por tu pronta respuesta!
Pero todavía no puedo encontrar la variable correcta que mencionas:

¿Cuál?

[Don]

Bueno, como veo que ninguno de estos controles puede cambiar el color de los botones de la cabecera. Este es un tema personalizado donde puedes cambiar los colores. Creo que es un tema remoto, por lo que probablemente no puedas cambiar la variable de color color, pero puedes verificarlo en la página /admin/customize/colors (Admin > Personalizar > Colores). En esa página, selecciona la Paleta de colores que usas y busca la variable header_primary-low-mid. Si no puedes cambiarla, deberás ponerte en contacto con el creador del tema.

O

Puedes intentar agregar un nuevo componente de tema que cambiará el color del botón de la barra lateral.

1. Ve a /admin/customize/themes/
   Personalizar → Temas
2. Haz clic en la pestaña Componentes y luego en el botón Instalar
3. En la ventana emergente, haz clic en la pestaña + Crear nuevo y escribe el nombre del nuevo componente.

4. Haz clic en el botón Crear.

5. El componente se ha creado. Ahora selecciona en qué tema(s) deseas activarlo.
   

   

6. Haz clic en el botón Editar CSS/HTML.
   

   

7. Haz clic en la pestaña Escritorio y pega el siguiente código en la sección CSS.

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

8. Haz clic en el botón Guardar. Hecho

[RHEE (SANG HYUN RHEE)]

Increíble, gracias por tu ayuda. Resolvió perfectamente mi problema =]