How to change the text color of the header menu?

Hello! I need to know how I can change the header menu text color that is in white color by default.
Where or how I can do just to change to the color black ?

Hello Ricardo,

You should use some CSS rules to handle this:

#header .top-header .header-navigation ul li a {
    color: #000 !important;

.open-responsive-menu .fa{
    color: #000;

This code should be placed in a child’s theme stylesheet.css, ideally.
But you can use a custom CSS plugin or place it inside Dashboard > Appearances > Editor > Style.css but keep in mind that this will get erased if you update the theme.

This should do the trick, let me know if you got it alright.


This css change the color and also the hover. Is there a way to just change the white color on the menu?

If you want to change the mobile menu burger lines color, this is the CSS to handle it:

@media only screen and (max-width: 992px)
.open-responsive-menu .fa {
    color: red;

Last question. The contactform on front page. The msg area is not the same width as the field above. What is the css to fix it?


Hello Alex,

Try this CSS fix, should work alright.

.wpcf7 label {
    display: block;

Perfect. Thx again :slight_smile: