2017-02-23 104 views
0

我遇到个人项目问题,http://mail.fixca.com.gt/。在Drupal 8上使用配置文件头脑风暴子菜单悬停显示限制

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

  • 设置在菜单项上显示扩展模式。
  • 设置块本身的最大菜单级别显示。
  • 试图建立一个新的菜单和CSS它来得到它显示的子菜单

    .submenu { 显示:无; }

    .companymenuli:hover> ul { display:block; }

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

在Drupals网站的HTML这样表示

HTML from chrome developer

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

我真的很感谢你的帮助。如果你有什么提示,我可以在哪里找到解决方案。

谢谢。

回答

0

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

#block-brainstorm-theme-main-menu 

一旦从这里删除溢出属性,并且还删除display:none。从

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

子菜单将显示。但是你必须在css和js上进行适当的外观和感觉。相反,我建议为此使用一些jquery.Also也可以使用Nice菜单或Superfish菜单等模块。让我知道我是否可以帮助你。

+0

谢谢。它确实帮了很大忙。我其实是在学习。所以,我可以用你的小费修复它。现在我想能够悬停子菜单。但我可以让它坚持到底,[链接](https://www.w3schools.com/code/tryit.asp?filename=FD22H04IZIM6),即时复制它,但由于导航格式,我想,我不能使用声明(ul a:hover ul)它只适用于(ul a:hover + ul)。任何帮助? –