[z18622931736]

請問各位大佬，我在 divi 官網上看到了這麼一款彈性選單樣式模板。 https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-responsive-slide-in-menu-with-divis-theme-builder

我覺得這種選單相當好，但是隻打算在手機端使用。電腦端還是採用原始的選單。 divi 客服告訴我只需要在設定裡的可視性選擇 PC 端禁用就夠了。但我這麼設定之後 PC 端網頁卻沒有任何選單，原來的選單也沒了。我又問了另一個客服，它說得在 divi 定製裡自己重新制作一個徽標及選單模組。然後選擇這個選單的手機端可視性禁用。這樣我手機上用的就是彈出式選單，電腦用的就是這種普通選單。教程如下：https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-custom-global-header-with-divis-theme-builder

但是我這麼做了之後發現手機端又沒有任何選單了，電腦端的選單是我這次建立的選單。到底怎樣才能實現我的兩種選單的目標？請各位大佬賜教。

 

[詩語]

意思就是讓你新建兩個定製頁首，A 和 B

A 頁首勾選 【PC 端禁用】
B 頁首勾選 【手機端禁用】

要在 Divi 主題定製器裡面做 ，不是頁面和 WordPress 系統選單裡建立。

[z18622931736]

那個客服的意思的確是只需要建立一個 PC 端的選單，並沒有說再建立一個手機端我所想要的選單。那個不好意思我剛剛說錯了，我是在 divi 主題生成器裡面製作的 global header 用來放置 logo 和選單。而這個選單也覆蓋了手機端的那個，選擇禁用之後手機端就沒有任何選單了。請問詩語大佬究竟怎樣才能建立雙端不同的選單? 特別是手機端我所想要的選單又是如此特別

[詩語]

你就得按我上面說的方式來新建，只不過是把 A 和 B  選單都建到一個 global header 裡去。

自己試試看吧，不要在全域性設定隱藏，只需要在 A 和 B 兩個分欄裡設定就行。

[z18622931736]

兩個選單的位置關係是上下結構嗎？那樣的話在一個裝置上開啟時，另一個選單所在的位置豈不是空的？尤其是上面一個選單此時被禁用可視性時。他們的位置應該都是固定不會變的。畢竟可視性只是改變了視覺化，不是消除了它的存在。其它元素不會往上挪

[詩語]

誰說不會自動上挪，你試都不想試也是沒轍。

[z18622931736]

<p style=”text-align: center;”> 嗯嗯，非常感謝詩語大佬。今天用不了電腦，我後天試試看</p>

[z18622931736]

我今天試了一下，在一個選單被可視性禁用的情況下另一個選單果然可以上浮，詩語大佬你真是強，太佩服你了。我打算照著這個教程 （https://www.elegantthemes.com/blog/divi-resources/divi-plugin-highlight-divi-madmenu） 自己做個彈性選單和普通選單然後不斷除錯看能不能做出很好的配合。不過我還想再請教一個問題。像這種做出來的 global header 怎麼新增為自帶的選單製作的一些特殊的特效或者樣式呢？比如這個樣式 （https://www.elegantthemes.com/blog/tips-tricks/how-to-style-any-wordpress-themes-navigation-menu） 的第一種。選單的下劃線的特效。這種我試了一下，對原始選單有效但對主題定製器裡製作的選單無效。有沒有什麼辦法可以使其應用？

[詩語]

可以嘗試直接呼叫原始主題的選單，如果不會操作的話，你可以試試看複製這個特效的程式碼然後新增到你另外製作的選單模組裡面。

[z18622931736]

請問呼叫原始選單是啥意思？好像沒怎麼聽說過，應該怎麼做呢？

[作者]

帖子