html - CSS问题请（子菜单出现的方式）

Question

我希望我在正确的地方发布我的问题。我为我的 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;
}

有人可以帮我吗？提前致谢...

标签： htmlcssjoomlajoomla3.0