change fonts in header-navigation menu

Illdy
1

Hello!
I need to change the header menu’s color, make in different color frontpage’s menu and another pages.
How can i do this?
Thank you!

2

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*change menu color on front page*/
.home #header .top-header .header-navigation ul li a{
    color: blue;
}
.home #header .top-header .header-navigation ul li a:hover{
    color: white;
}


/*change menu color on  ohter pages*/
#header .top-header .header-navigation ul li a{
    color: blue;
}
#header .top-header .header-navigation ul li a:hover{
    color: white;
}

Best regards,
Support.

3

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*change menu color on front page*/
.home #header .top-header .header-navigation ul li a{
    color: blue;
}
.home #header .top-header .header-navigation ul li a:hover{
    color: white;
}


/*change menu color on  ohter pages*/
#header .top-header .header-navigation ul li a{
    color: blue;
}
#header .top-header .header-navigation ul li a:hover{
    color: white;
}

Best regards,
Support.

4

I’ve completed the colors with text-shadow and it runs like i needed!

/change menu color on front page/ .home #header .top-header .header-navigation ul li a{
color: white;
text-shadow: 1px 1px #000000;

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

/change menu color on ohter pages/ #header .top-header .header-navigation ul li a{
color: grey;
text-shadow: 1px 1px #ffffff;

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

So, thank you very much for your support!