子菜单不显示，搜索菜单在同一行

Question

我目前正在安装一个 "max mega menu" 的新网站。问题是，我无法显示子菜单。我尝试过使用不同的 z-index，但无法正常工作。

第二个问题是搜索菜单换行显示。我希望它与主菜单处于同一高度。我该如何处理？

这是网站：Link

感谢任何帮助...

Answer 1

您在 css 中有： visibility: hidden;集。因为菜单的元素是不可见的

    #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item > ul.mega-sub-menu
     {
    display: block;
    visibility: hidden;
    opacity: 1;
    }

改吧。

Answer 2

要解决搜索菜单换行问题，请将 float: left 设置为 #mega-menu-wrap-main_menu

#mega-menu-wrap-main_menu {
    float: left;
}

Answer 3

默认情况下，子菜单设置为显示 none，当鼠标悬停时将其设置为显示块，但在您的 css 中，您又设置了一个 css，如下所示，因为隐藏了可见性只需删除此

#mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item > ul.mega-     sub-menu {
  display: block;
  opacity: 1;
  visibility: hidden;// just remove this
}

希望这对您有所帮助

子菜单不显示，搜索菜单在同一行

Submenu not showing and search menu on same line

html

css

menu

z-index

submenu