How can I change the menu color in internal pages

Hello!
How can I make the menus on the internal pages black, without changing the home?
Thank you so much!

Hi,

Please share your site URL here, so I can investigate the issue.

Regards,

Hi!

https://www.b2iconsulting.kessianeves.com/

Thankyou!

HI,

Looks like the top menu bar of your site already has a black color but the menu text color is black too because you have this custom code:

.menuStyle1 .sticky-wrapper.is-sticky .main-navigation a, .menuStyle1 .sticky-wrapper.is-sticky .fa-search {
    color: #191919;
}

Please check your custom CSS code and change it to white.

Regards,

Hello!

I still can’t solve my problem.
The main page is fine https://www.b2iconsulting.kessianeves.com is OK
I have the probelam with the internal pages that the menu goes blank, for example https://www.b2iconsulting.kessianeves.com/team/
https://www.b2iconsulting.kessianeves.com/about-us/
https://www.b2iconsulting.kessianeves.com/blog/
https://www.b2iconsulting.kessianeves.com/contact/
All these pages need the menu to go black.

Thank you so much!

Hi,

This code will change the color text menu to black for all pages except the homepage. Please try it:

body:not(.home) .main-navigation a, body:not(.home) .fa-search {
    color: black;
}

Regards,

Hello!

I think I’ve expressed badly.
I need the bottom of the menu of the internal pages to be black, and that the letters remain white.

Thank you so much!

Oh… you want to change the background color of the top menu only and keep the menu text color remain as now. You can use this code then:

body:not(.home).menuStyle1 .site-header, 
body:not(.home).menuStyle1.page-template-template_page-builder .site-header {
    background-color: black;
}

Great!
All done!
Thank you so much!

1 Like