子菜单悬停显示限制

Question

我的个人项目有问题，http://mail.fixca.com.gt/。在 Drupal 8 上使用配置文件 Brainstorm

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

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

• 试图创建一个新菜单并用 CSS 让它显示子菜单

  .子菜单{ 显示：无； }

  .companymenuli:hover > ul{ 显示：块； }

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

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

HTML from chrome developer

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

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

谢谢。

Answer 1

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

#block-brainstorm-theme-main-menu

一旦您从此处删除溢出属性并删除 display: none。来自

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

将显示子菜单。但是您必须使用 css 和 js 才能获得正确的外观。相反，我建议为此使用一些 jquery。您也可以使用 Nice menu 或 Superfish menu 等模块。让我知道是否可以帮助您。