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.
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.
Share Improve this question edited Apr 14, 2019 at 1:07 Qaisar Feroz 2,1471 gold badge9 silver badges20 bronze badges asked Apr 13, 2019 at 17:29 rh2669rh2669 12 Answers
Reset to default 1If 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;
}
Two Solutions:
Add class header-bg to <body> tag on home page
OR
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 */
}
RESULT