INVERT MENU COLOR ON A SPECIFIC PAGE

What’s your website address?

oh sorry!!!

https://www.possart13.com

Thanks for providing the link.

It seems you’re using the Blocksy theme. This theme has a built-in feature to customise menu colours. But, of course, this colour will apply sitewide.

Since it’s only the homepage that needs a different menu colour, it’s better to use the theme’s settings to set the menu colour sitewide… and use custom CSS to override it for ONLY the homepage.

Go to APPEARANCE => CUSTOMIZE => HEADER. Select the appropriate element (your menu) and switch to the DESIGN tab. Change the Initial Font Color to your desired shade of dark green.

Next, add the following custom CSS in APPEARANCE => CUSTOMIZE => ADDITIONAL CSS to change ONLY the homepage’s menu color:

.home ul#menu-navigation-p13 li a {
    color: #B2C5BF;
}

Standing by for feedback.

WOW! That did the job! THANK YOU SO SO MUCH!!!! lost hours with wrong css codes. You made my day, Sir!!!!
One more question:
which code should I add for a mouse over regarding the home page only?

which code should I add for a mouse over regarding the home page only?

.home ul#menu-navigation-p13 li a:hover {
    color: #FF0000;
}

Change the color to your desired color.

Mega! Thank you so much!!!!!!