仅从顶级菜单中删除下拉指示器

Question

我正在研究：https://www.thewellnessproject.net/

我想将下拉指示器保留在子菜单中(如"食谱"下所示(，但是我想将它们从顶级菜单中删除(食谱、直观饮食等(。

我已经尝试了如下方法，但没有成功：

.menu-item-6194 a:after {
display: none;
}

很乐意提供任何其他信息。

Answer 1

我刚刚检查了您页面的源代码。基于此，请使用以下代码片段。

for(count=1; count<=5; count++)
{
var main = getElementsByClassName("elementor-item")[i].getElementsByTagName("span")[i];
main.classList.add("remove_dropdown_arrow");
}

将上面的代码粘贴到WordPress的cusotm JS部分。

.remove_dropdown_arrow{
display:none;
}

将上面的代码粘贴到WordPress的自定义CSS部分。

要点是，我正在获取主标题菜单的所有顶级元素。然后在项目中有">"的元素中循环并添加一个自定义 CSS 类。

我希望这将一次性工作，但您可能需要进行一些调整。

希望这对您有所帮助。