快速答案:選單消失通常是選單沒指派到位置、被誤刪、或頁首是 Elementor 範本而範本的顯示條件跑掉;手機選單打不開多半是 JavaScript 衝突或優化外掛把腳本延遲了。先到外觀 → 選單看還在不在,再看頁首範本,最後才測外掛。
為什麼會這樣 #
選單有三個層次:選單內容(外觀 → 選單)、選單放哪裡(佈景的選單位置,或 Elementor Pro 的頁首範本)、前台的互動腳本(漢堡按鈕、下拉、mega menu)。任何一層出問題,症狀都是「選單不見了」,但修法完全不同。
怎麼處理 #
- 外觀 → 選單:看選單還在不在、項目有沒有少。誤刪的選單不會進回收桶,只能從備份還原,或用匯入匯出選單的工具從備份匯回;沒備份就重建。
- 有選單但前台沒顯示:確認「選單位置」有勾。佈景用 Elementor Pro Theme Builder 的話,到範本 → 頁首看該範本的顯示條件是否還是「整個網站」,以及導覽選單小工具指到哪個選單。
- 電腦版有、手機版沒有:Elementor 導覽選單小工具有「行動版下拉」與斷點設定;mega menu 外掛通常要另外設手機版。
- 手機漢堡按鈕點了沒反應:F12 看 Console 有沒有紅色 JS 錯誤;先停用優化外掛的「延遲 JavaScript」或把選單腳本排除,再停用最近更新的外掛。
- 下拉子選單被截掉:容器設了 overflow hidden 或 z-index 太低,通常在頁首範本的容器設定裡。
- 麵包屑只有首頁能點:是 SEO 外掛或佈景的麵包屑設定,檢查分類與頁面階層。
- 多語站某語言選單不見:翻譯外掛每個語言要各自有一份選單並指派位置。
我們實際遇過的情況 #
一個多語官網的同事進到外觀 → 選單,不小心動到「刪除選單」,整個選單就沒了;另一家電商也發生過同一件事,我們用匯入匯出選單的工具處理。同一個多語官網的英文 mega 選單在部分頁面顯示不完整,越南文版則是首頁以外都顯示不全——這種要一個語言一個語言看:那個語言有沒有自己的選單、頁首範本的顯示條件涵不涵蓋那些頁面。
一個網站的手機選單完全打不開,另一個網站是手機版選單整個跑不出來;這兩種都先看 Console 有沒有 JS 錯誤,再看優化外掛的延遲設定有沒有把選單腳本一起延後。一個多語官網的下拉選項全部無法顯示,這時先確認最近有沒有更新過選單或頁首相關的外掛。還有一個網站的部落格頁選單無法點選,這要看是不是有區塊蓋在選單上面。
什麼時候該找人 #
選單不見的同時出現不認識的連結、或點了會轉到奇怪網站,那是被入侵不是設定問題;頁首範本整個消失、後台的選單頁面本身打不開,也建議找人。
WPTOOLBEAR網站工具熊