html - 子菜单悬停显示限制

Question

我的个人元素有问题，http://mail.fixca.com.gt/ .在 Drupal 8 上使用个人资料 Brainstorm

菜单不显示创建的子菜单。我已经:

• 在菜单项上设置显示展开模式。
• 设置 block 自身的最大菜单级别显示。

• 尝试创建一个新菜单并使用 CSS 使其显示子菜单

  .submenu{ 显示:无；

  .companymenuli:hover > ul{ 显示: block ；

但它从不显示子菜单。我意识到这可能是我做的不对，但我找不到解决方案。

Drupals 网站上的 HTML 是这样显示的

HTML from chrome developer

我认为这可能是对主题本身的某种限制。

非常感谢您的帮助。如果你给了我一个提示，我可以在哪里找到解决方案。

谢谢。

Answer 1

溢出:隐藏。在下面的 css 中添加:

#block-brainstorm-theme-main-menu

一旦你从这里删除了 overflow 属性并删除了 display: none。来自

#block-brainstorm-theme-main-menu ul ul

将显示子菜单。但是你必须在 css 和 js 上工作才能获得正确的外观和感觉。相反，我建议为此使用一些 jquery。您也可以使用像 Nice 菜单或 Superfish 菜单这样的模块。让我知道我是否可以在这方面为您提供帮助。