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

Question

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

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

虽然在另一个常见问题解答页面中设置锚定链接当然是可能的，但我也确信有一个解决方案可以让我保留页面的结构并摆脱下拉菜单。也许一些自定义 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;
}