在Drupal 8中,我在默认Bartik主题的“主菜单”块中有一个主菜单。你可以看到下面的截图。这个网站是从Drupal 7升级的。
为什么菜单出现在两行而不是一条线上?菜单项有足够的空间可供选择。我已经尝试调整菜单和阻止设置,但没有设法将这些减少到一行。所有的菜单项,除了“哇”和“关于”,都有“哇”作为父项目。
你可以在这里看到这个网站:
谢谢!
发布于 2019-01-28 23:33:37
这是因为使用了CSS技术/代码。<li>
和<a>
都已浮出水面。
第一个魔兽世界项目实际上包含了所有其他的魔兽世界项目作为孩子,它反映在HTML结构,有一个<ul>
内的魔兽世界<li>
。由于<li>
是浮动的,但它还没有被赋予特定的宽度,有些情况可能会发生,比如这种情况,看起来有些奇怪,但它们只是在遵循代码。
我想,这个主题的作者并没有预料到菜单可能会以这种方式被使用,在一行上显示两个层次的菜单。
通常,菜单的一个级别显示在一个区域,而更深的层次显示在其他地方或下拉列表中。
您可以向该区域添加两个主菜单块,并将一个块设置为显示初始可见性级别和显示级别数为1和1,将另一个块设置为2和1。这样,您就可以在一行中获得WOW和way,但当您访问WOW时,第二行将显示所有WOW子项。
如果它们总是被显示出来,那么在层次结构中没有两个层次是有意义的吗?
但最后,您可以始终调整CSS,使它们显示在一行上(如果没有子主题,可以使用CSS编辑模块覆盖CSS ):
.region-primary-menu .menu-item,
body:not(:target) .region-primary-menu .menu-item {
float: none;
}
这将使他们显示在一行,因为现在只有锚被浮动。但是边距不会产生影响,所以如果您想让锚元素像以前那样分开,则需要向锚元素添加页边距。
https://drupal.stackexchange.com/questions/275845
复制