admin管理员组

文章数量:1022997

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.

  • menus
  • css
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 1
Add a comment  | 

2 Answers 2

Reset to default 1

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;
}

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

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.

  • menus
  • css
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 1
Add a comment  | 

2 Answers 2

Reset to default 1

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;
}

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

本文标签： cssNavigation menu not visible (contrast issue) on home page

版权声明：本文标题：css - Navigation menu not visible (contrast issue) on home page 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/questions/1745592214a2157957.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。