How to change the navigation text color on one page only in Montauk?

I am hoping to change the color of the navigation text on one page only in the Montauk template. I have seen various suggestions and guides for other templates and they have not worked when I apply them to my page in the CSS editor on my site. Suggestions included are pasted in below, but again, these did NOT work for me. I am hoping to not go into the whole site's advanced CSS and instead be able to apply it in the code injection one this one page of my site. 

I am able to customize the background color of the dropdown with ease using the <style> type of code injection but nothing I have tried to applied seems to affect the text color of the topnav on the page. Additional failed attempt posted below. 

Can anyone help? Thank you!

(The following did NOT work): Add to Page Settings > Advanced > Header (Each page has page header)

<style>
  nav#mainNavigation * {
    color: blue !important;
}
</style>

Here is something for your information first:

https://beaverhero.com/montauk-squarespace/

Hopefully this will help with your request:

https://stackoverflow.com/questions/57959021/how-to-alter-squarespace-navigation-menu-colors

Hi thanks so much for your reply! Unfortunately that coding doesn't work (I think it has to do with the montauk family of templates??) but I really appreciate you sending that along!

Montauk uses this code

<style>
  div#topNav * {
    color: blue !important;
}
</style>

@Tuanphan - that 100% worked & you SAVED THE DAY! Thank you!! I wonder why that is not available anywhere online!?! I am ever grateful, thank you so much.

@tuanphan so stuck on this too. Looking to switch nav font color to black on mobile, tablet, and desktop views for just this single page.

www.southernsunevents.com/about-us

15 hours ago, SouthernSunEvents said:

@tuanphan so stuck on this too. Looking to switch nav font color to black on mobile, tablet, and desktop views for just this single page.

 

www.southernsunevents.com/about-us

Hi,

The url doesn't work. Can you check it again?

@tuanphan Been banging my head on this as well. Looking to change nav color on only the index page of https://pepper-buffalo-5bc8.squarespace.com

On 12/23/2022 at 12:31 AM, ceze said:

@tuanphan Been banging my head on this as well. Looking to change nav color on only the index page of https://pepper-buffalo-5bc8.squarespace.com

Use this CSS code

body.homepage a.Header-nav-item {
    color: black !important;
}