How to have different coloured Menu items on homepage vs other pages

Hi Support Team,

Is it possible to have your menu items one colour on the homepage and then a different colour on all other pages?

Thanks!

Hey there,
Hope you’re doing well today

Yes, this is possible with the help of some Custom CSS. If you’d like to have this, I could provide you with the CSS if you provide me with the link to your site and the colors you’d like to have.

I look forward to your reply :slight_smile:

Best Regards,
Support

Hi Support,

Thanks for your assistance.

The site is currently located at http://caps-annapolis.hovernorth.com.

The menu colour on the home page is fine. It is the sub-pages (e.g. /adoption, /foster etc.) that I want to change.

I’m not sure what colour I want to use yet, but I can play around with it once I have the CSS.

Thank you kindly!

Hey there,
Hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

#header .top-header .header-navigation ul li a {
    color: #f1d204;
}

.home #header .top-header .header-navigation ul li a {
    color: #777;
}

I hope this helps :slight_smile:

Best Regards,
Support

Thanks Support! Worked like a charm.

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support