菜单栏项目无法正确显示CSS错误

Question

我在wordpress主题中做了一些更改，改变了两个菜单栏的位置。顶级菜单＆amp;主菜单。

我试图让它发挥作用，但它没有。

  

我的顶级菜单栏，带有主页按钮，＆amp;其他项目及其子项目是   不正常，他们与二级菜单栏的项目混合

我认为需要改变css但我不知道是什么。任何人都可以帮助我

www.techral.com

Answer 1

如果您删除了position: relative的css规则nav.top-menu，那么您应该很高兴。

nav.top-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

否则，请检查您的z-index:13 =＆gt; z-index:0为nav.top-menu，这是覆盖主菜单下拉子菜单的原因。

Answer 2

在.primary-menu class

上增加z-index：15

.primary-menu {
position: relative;
z-index: 15;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
 transform: translateZ(0);
}