css - joomla龙门模板css箭头指示器

Question

在龙门框架的融合菜单中，我有一个带有子菜单的项目。自然有一个子菜单指示器，一个向下箭头表示该菜单项还有更多内容。我设法使用这个 gantry-custom.css 文件增加了菜单按钮的大小（这是一个要求）：

.gf-menu.l1 > li > .item{
    font-size:15px;
    line-height:64px;
    padding-top:7px;
    padding-bottom:7px;
    position:relative;
}

现在，问题是指示器（向下箭头）现在在菜单标题下方非常低，如下图所示：

我需要将箭头与菜单标题放在同一行。我怎样才能做到这一点？

谢谢

Answer 1

在菜单 css 文件中添加以下内容，或更改相应的类声明参数以满足您的需要。定位“顶部”定义了箭头相对于容器元素的位置。

.gf-menu li.parent > .item:after {
    top: 20%; /* this is the parameter that defines the arrow positioning */
}