Cambiar color fuente en formato responsive  

Hola

Prueba con el siguiente código CSS:

@media(max-width:768px){
	.main-navigation li a{
		color:white!important;
	}	
}

Puedes agregar este código al final de algún archivo CSS que carga tu theme, como el style.css o de preferncia en el style.css de un child-theme

Saludos.

Buenas Jhony puse el código en mi css del theme de wordpress pero la fuente continua siendo de color gris.

Un saludo

Hola

Estas usando plugins de optimización, cuando haces este tipo de modificaciones CSS mejor desactivar estos plugins para saber cual es el problema. Posiblemente sea un problema de cache de los plugins de optimización

Desactiva los plugins de optimización, indícanos en qué archivo has agregado el código (la url completa)

Saludos.

Buenas Jhony, ya desactive el plugin autoptimize, pegue el codigo en los style.css del theme probe primero con el brocy y despues con el padre zincy lite, pero la fuente continua en gris.

Adjunto imagenes

Hola

Sucede algo particular con tu archivo style.css:

Si consultas con el parámetro de la versión no se muestra el código que has agregado:
Contenido solo visible a usuarios registrados

Te diría que es cache, debe haber algo a nivel de tu theme que lo mantiene en cache.
¿El child-theme lo has creado manualmente?, tal vez no es la manera correcta y debes cambiar la versión

Revisa:
https://decodecms.com/crear-un-child-theme-en-wordpress-de-manera-correcta/

En la creación del style.css del theme hijo se hace referencia a una versión del theme, sino colocas nada hace referencia a la versión de WordPress y sólo se limpiará la cache de estos archivos CSS cada vez que actualices WordPress en tu caso tienes la ver=4.9.2 de WordPress

Saludos

Hola Jhony cuando entro a los dos enlaces que me muestras a mi si me aparecen en los dos los archivos.

Adjunto imagenes

No, yo no he tocado nada de padre e hijo era un theme que ya estaba hecho en wordpress tan solo lo instales nada mas no toque nada de codigo ni archivos.

Hola

Ok, ya veo que posiblemente sea un problema de cache de mi navegador

He comprobado que ya tienes un código CSS con mayor prioridad, por lo tanto es necesario especificar más, cambia el código agregando el id #sit-navigation junto a la clase, con esto la prioridad debería ser el código que has agreado, es decir tu código quedaría:

@media(max-width:768px){
	#site-navigation.main-navigation li a{
		color:white!important;
	}	
}

Reemplaza este código por el que te envié anteriormente.

Saludos.

Listo Jhony ahora si, muchas gracias 😉