About menu text on mobile

[Daniel1234]

Hey I need a little help. I would like to have the menu text white on the about page, for the desktop version I used the following code. My question how do I get the same effect for the mobile version?

/* navigation */
body.slug-info nav.primary a{
color: white;
}

https://www.danielniederkofler.com/

Any help and advice appreciated!

[Baptiste]

Hello @Daniel1234, did you try that?

@media (max-width: 600px){
.id-18 .navbar {background-color: black;}
.id-18 nav.mobile-nav li a span {color: white;}
}

[Daniel1234]

Thank you for the reply.Unfortunately it does not really work, the menu text on the about page just turns black

[Richard]

Dear @Daniel1234

Did you get it to work?

Best wishes and a happy 2021

Richard :)

[Baptiste]

Hey @Daniel1234 ,

Did you try with !important?

Like:

@media (max-width: 600px){
.id-18 .navbar {background-color: black !important;}
.id-18 nav.mobile-nav li a {color: white !important;}
 }

When I try with the dev tool it works for me.
Let me know.