I am very new on WordPress so my mistake should not be be too complicated. I did something to my site that the navigation menu items on home (landing) page hidden in the navigation menu here.

If you hover over where menu items should be they individually appear. The nav menu items display fine on all subordinate pages.

Ideally, I would like to fix it so that that nav menu items on the home page, are the same as all other pages

Any help would be greatly appreciated.

2 Answers 2


If you inspect the element, you'll see that header has a different background color than other pages which is transparent. Your nav elements color is also white and that is why you can't see the menus on home page but actually the menu is there. Just change the header background color to #000 as you used for other page header. So you can add following css to your style:

#masthead .site-header{
    background-color: #000;

enter image description here

  • Once you update the css the header will look like normal something like this screenshot
    – Shihab
    Apr 13, 2019 at 18:31

Two Solutions:

Add class header-bg to <body> tag on home page


Add CSS rule background-color: #000; to selector .site-header.fixed at line No. 900 in style.css

.site-header.fixed {
    position: fixed;
    background-color: #000; /* Add this new rule */


enter image description here

  • Have you tried any solution? Apr 14, 2019 at 16:53

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.