joomla龙门模板css箭头指示器

Question

在gantry-framework的融合菜单中，我有一个带有子菜单的Item。当然，有一个子菜单指示器，一个向下箭头表示该菜单项有更多。 我设法使用这个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 */
}