Uso del icono de Facebook en la cabecera de la marca

Hola, no logro averiguar qué está mal aquí:

Tengo este icono de FB escrito correctamente,

Pero es invisible en el encabezado:

El icono invisible me lleva a la página correcta de Facebook si hago clic en él en el encabezado, pero el icono simplemente no es visible.

¿Alguna idea?

Pensamiento: ¿icono negro con contorno transparente sobre un fondo negro?

He cambiado el valor de color de los iconos en este componente a $tertiary, para que coincida con cada tema individual.

El icono de Instagram está perfecto y el enlace del icono de Facebook funciona correctamente, simplemente no es visible.

Hmmm. Aún parece que debe estar allí. ¿Has verificado con las herramientas de desarrollo para confirmar que está presente? Y mientras lo haces, comprueba si el color del icono se está aplicando correctamente. Quizás el icono de FB esté siendo sobrescrito de alguna manera.

¿Puedes compartir un enlace al sitio de la comunidad?

La configuración del icono de Facebook se ve un poco diferente:

facebook-f,https://www.facebook.com/GlobalNamati

En el caso de los iconos “facebook” y “facebook-f”, debes agregar “facebook-f” en la configuración de iconos personalizados de Font Awesome.

¡Hola, esto funcionó de maravilla! ¡Muchas gracias @vinothkannans! Esto realmente me tenía desconcertado.