Squarespace使用CSS从主导航中删除下拉菜单

Question

我非常喜欢常见问题页面/问题在我使用Squarespace构建的网站上的外观。唯一的问题是，由于这种结构，当您将鼠标悬停在主导航栏上的常见问题选项卡上时，它也会导致繁琐的下拉菜单。

这是一个链接：http://www.officialjerky.com/faq-1/

虽然在另一个FAQ页面中设置锚定链接当然是可能的，但我也确信有一个解决方案可以让我保持页面的结构并摆脱下拉。也许一些自定义CSS可以使下拉不可见？

有一个类似的帮助主题，询问如何更改下拉列表中项目之间的间距，自定义CSS输入解决方案是：.primary-nav .folder-links-wrapper li {line-height：0em; }。

任何指导或输入都非常有用。感谢。

Answer 1

它由JS控制，所以你可能需要一个小型大锤来覆盖它。在你的CSS中试试这个：

.subnav {display: none !important;}

理想情况下，删除导致该行为的脚本。

关于小屏幕上的+，在样式表的第9865行，有：

#sidecarNav .folder label:before {
    content: '+';
    padding-right: .25em;
    width: .75em;
    display: inline-block;
}

您可以删除该代码，也可以将其添加到样式表中：

#sidecarNav .folder label:before {
    display:none !important;
}