导航菜单在主页上不可见(对比度问题)

时间：2019-04-13 作者：rh2669

我对WordPress很陌生，所以我的错误不应该太复杂。我对我的网站做了一些修改，使主页（登录）上的导航菜单项隐藏在导航菜单中here.

如果您将鼠标悬停在菜单项应该位于的位置上，它们将单独显示。导航菜单项在所有下级页面上显示良好。

理想情况下，我希望修复它，以便主页上的导航菜单项与所有其他页面相同

任何帮助都将不胜感激。

2 个回复
SO网友:Shihab

如果您检查元素，您将看到标题的背景颜色与其他透明页面的背景颜色不同。您的导航元素颜色也是白色的，这就是为什么您在主页上看不到菜单，但实际上菜单在那里。只需将标题背景颜色更改为#000，就像您用于其他页面标题一样。因此，您可以在样式中添加以下css：

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

enter image description here

SO网友:Qaisar Feroz

两种解决方案：

添加类header-bg 到<body> 主页上的标记

OR

添加CSS规则background-color: #000; 至选择器.site-header.fixed 在900号管线处style.css

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

RESULT

enter image description here

标签： menus   css   小码农  

相关推荐

Bootstrap Carousel滑块-CSS和JS无法正常工作

我认为css或js文件没有加载，我如何解决它。功能。php在此处。function pp_scripts() { // Registering Bootstrap style wp_enqueue_style( \'bootstrap_min\', get_stylesheet_directory_uri().\'/css/bootstrap.min.css\' ); wp_enqueue_script(\'jquery\'); //Registering Boo