0

I really like how the FAQ page/questions look on the site I'm building using Squarespace. The only issue is that because of this structure, it also leads to a cumbersome drop down menu when you hover over the FAQ tab on the main navigation.

Here's a link: http://www.officialjerky.com/faq-1/

While it's certainly possible to set up anchored links in another FAQ page, I'm also sure there's a solution that will allow me to keep the structure of the page(s) and get rid of the drop down. Perhaps a bit of custom CSS that could make the drop down invisible?

There was a similar help thread that asked how to change the spacing between the items in the drop down, and the custom CSS input solution was: .primary-nav .folder-links-wrapper li { line-height: 0em; }.

Any guidance or input is really helpful. Thanks.

4

1 回答 1

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;
}
于 2014-05-20T22:48:55.563 回答