Squarespace從CSS的主導航欄中刪除下拉菜單

Question

我真的很喜歡FAQs頁面/問題在我使用Squarespace構建的網站上的外觀。唯一的問題是，由於這種結構，當您將鼠標懸停在主導航欄的常見問題選項卡上時，它也會導致繁瑣的下拉菜單。

這裏有一個鏈接：http://www.officialjerky.com/faq-1/

雖然的確可以設置錨鏈接的另一個常見問題網頁，我也肯定有一個解決方案，讓我保持頁面（S）的結構和擺脫掉下來。也許有一些自定義的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; 
}