Header Menu 顯示問題

左圖是用elementor 編輯的畫面Header是正常的，但是右邊正常出來的網頁卻變成另外一種header，我不知道動到哪裡的設定才會出現右邊的header 顯示異常。 當時footer 也出現這問題但因為網頁太長就沒截圖了。這就讓我想不到問題在哪裡….

我做了什麼嘗試去解決這個問題？

於是我試著重新製作header ，也請過朋友幫忙除錯，當時有解決但是過了幾天後又出現同樣的問題。

喔天啊～我就傻眼了… 難道要一直去重新做 Menu 又不能解決這個問題嗎？不可能啊～ 於是帶這個問題我去問了 WordPress 台灣社群。

找到Header Menu 顯示問題解決方法

後來在FB的Wordpress群組中問了高手，其中一位叫做Simon Chuang的人跟我說 “試著到 elementor 的工具做一次 Regenerate CSS & Data” 那因為也不清楚elementor的工具在哪邊，又去網上找到了教學，試了之後竟然解決了這個問題，所以我就把圖文解說放在下圖，讓大家照著下圖的步驟更能夠輕鬆地去解決這個顯示問題。

所以就要進去Elementor 的設定, 再選擇工具， 進去之後，你就會發現在一般的Menu 下方有個 “Regenerate CSS & Data” 這個選項, 點擊 “Regenerate CSS & Data” 這個按鈕， 點完之後記得按儲存設定， 這樣子在 Elementor 中，“重新生成 CSS 和數據”選項用於刷新並重新生成 Elementor 用於設計和顯示網站的 CSS 檔案和數據。當你在 Elementor 中進行的變更未在網站前端顯示時，這個功能特別有用，因為它可以解決快取問題或衝突。