How to change header text navigation on homepage only

Site URL: http://salhomestudio.com

URL: http://salhomestudio.com

Hey guys,

just having trouble to change the header text navigation color on homepage only. I tried this CSS but it doesn't change color:

.homepage .Header-nav-inner * {
    color: red !important;
}

I also tried this one but it changes only the menu color and the login color. Social media icons, cart icon and site title didn’t change:

• •  2

The code for SS 7.0 version, your site is 7.1. Use this code

body.homepage .header-nav-item a {
    color: white !important;
}

Thanks very much! It does work but only with navigation menu. How can i change the title, social media and cart icons as well?

Really appreciate your help mate!

51 minutes ago, tuanphan said:

The code for SS 7.0 version, your site is 7.1. Use this code

body.homepage .header-nav-item a {
    color: white !important;
}

 

I've been able to do the site title but i can't do the social media and cart icons

it works!! Thanks a lot for that!