Tengo problemas para hacer colores en pequeños manu fijos, cuando alguien se desplaza hacia abajo. En el primer menú principal (texto blanco, con fondo negro, los íconos sociales están bien), pero en el menú fijo pequeño, cuando alguien se desplaza hacia abajo, la red social no se muestra, si se usa no se cierra con una flecha. ¿Cómo hacer que los iconos de las redes sociales se muestren en color negro en el menú fijo blanco? Intenté agregar este CSS:

[class^="fa-"],
[class*=" fa-"] {
color:#000;
}

Pero este CSS hace que las redes sociales en el menú principal negro sean negras y no sean visibles. ¿Cómo resolver esto?

Gracias por adelantado. URL del sitio

-1
Dr.MTR 6 dic. 2016 a las 01:25
¿Puede mostrar un ejemplo de trabajo por favor?
 – 
Francisco Romero
6 dic. 2016 a las 01:27
¿Y tu código html es ...?
 – 
David Espino
6 dic. 2016 a las 01:30
Lo siento, es mi culpa, incluí un enlace en la primera publicación.
 – 
Dr.MTR
6 dic. 2016 a las 01:33

1 respuesta

La mejor respuesta

Cuando se desplaza hacia abajo, JavaScript activa una clase 'mini' en su menú. Si desea mostrar íconos negros solo cuando el menú 'mini' está activo, puede agregar a su css:

.mini [class^="fa-"],
.mini [class*=" fa-"] {
       color:#000;
   }
}

Por lo tanto, las clases que comienzan con "fa-" ([class ^ = "fa-"]) y las clases que contienen "fa-" ([class * = "fa-"]) solo se verían afectadas si uno de sus padres tiene un clase 'mini'

0
Kevin Amiranoff 6 dic. 2016 a las 01:57
1
Gracias @ kevin-amiranoff
 – 
Dr.MTR
6 dic. 2016 a las 01:49