请问CSS问题(子菜单的显示方式)

时间:2018-11-08 07:00:09

标签: html css joomla joomla3.0

我希望我将问题发布在正确的位置。 我已经为Joomla 3.9安装了新主题,一切似乎都还可以,但是菜单存在一个非常烦人的问题。考虑以下菜单/子菜单: 主菜单项:

菜单项1菜单项2菜单项3。 。

 

子菜单1

 

子菜单2

 

子菜单1的子菜单1

这样,“子菜单1的子菜单1”显示在所有项目的下方。这样,我无法单击它,因为将鼠标从“菜单项1”上移开会导致“子菜单1的子菜单1”消失,因为没有鼠标悬停在其上。所以我想要显示它的方式是:

菜单项1菜单项2菜单项3。 。

子菜单1子菜单1的子菜单1

子菜单2

我已经复制了一些与该特殊子菜单相关的CSS代码,如下所示:

.navbar-default ul.nav-child li a {
text-align: right !important;
}

template.css:167
.navbar-default ul.nav-child li a {
color: #333;
display: block;
font-size: 12px;
padding: 10px 15px;
white-space: nowrap;
}

ptemplate_rtl.css:36
.navbar-default .nav li a {
letter-spacing: 0 !important;
}

有人可以帮我吗? 预先感谢...

0 个答案:

没有答案