子菜单未显示和搜索菜单在同一行答案

【问题标题】：Submenu not showing and search menu on same line子菜单未显示和搜索菜单在同一行
【发布时间】：2015-12-12 00:03:26
【问题描述】：

我目前正在安装一个带有“最大超级菜单”的新网站。问题是，我无法显示子菜单。我尝试了不同的 z-index，但我无法让它工作。

第二个问题是，搜索菜单显示在新行上。我希望它与主菜单高度相同。我该如何处理？

这是网站：Link

感谢任何帮助...

【问题讨论】：

标签： html css menu z-index submenu

【解决方案1】：

默认情况下，子菜单设置为不显示，当鼠标悬停时将其设置为显示块，但在您的 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
}

希望对你有帮助

【讨论】：

【解决方案2】：

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

改一下就好了。

【讨论】：

【解决方案3】：

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

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

【讨论】：