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 */
}