2017-11-04 372 views
0

我目前正在製作一個WordPress頁面,並且由於某種原因,當菜單崩潰時,所有的菜單項都與孩子停止工作。我不知道任何JavaScript(還)或者真的比基本的HTML和CSS還要多,所以我有點頭大,想弄清楚爲什麼會發生這種情況。我試過去devtools,以確保href仍然存在,這是我不知道在這一點上還需要尋找什麼。任何建議都會很棒。WordPress的:與兒童主導航鏈接不工作在移動?

該網站爲here

+0

「停止工作」是什麼意思?導航摺疊時,您將如何使用菜單項? – janh

+0

因此,當它被摺疊然後打開時,頂層菜單項(關於多媒體和攝影)停止加載他們應該點擊的頁面。 –

回答

0

當導航摺疊時(手機等),您的子菜單項似乎工作正常。子鏈接項設置爲顯示:block!在摺疊時很重要,這就是爲什麼所有時間都出現的原因,而不僅僅是在父級懸停時(如桌面屏幕寬度)。

如果希望孩子鏈接只出現父母被選中,然後嘗試從style.css中刪除顯示塊,如下所示。就我個人而言,我認爲它更適用於它。

@media screen and (max-width: 991px) 
ul.slicknav_nav ul { 
    position: relative !important; 
    top: 0 !important; 
    left: 0 !important; 
} 
+0

這很有幫助,很高興知道,但不是什麼問題。您是否看到了當您查看移動設備上的菜單時如何嘗試點擊任何父項(所有父頁都鏈接了頁面),則鏈接無法正常工作。我不知道爲什麼會發生這種情況,尤其是當他們在桌面上查看菜單時確實會發生這種情況。 –

+0

我相信亞當可能會做某件事。匆匆一瞥,我相信該腳本的設計目的是讓第二層隱藏在移動設備上,並且只有當您點擊其中一個第一關卡時纔會顯示。當你點擊第一層時,你也會看到它在二級菜單上使用了「slideUp」動畫 - 有時至少是這樣。也許你根本不需要slicknav?其中大部分可以通過媒體查詢輕鬆完成。 – janh

+0

這是鏈接無法正常工作的原因嗎? –