[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]

請問調用原始菜單是啥意思？好像沒怎麼聽説過，應該怎麼做呢？

[作者]

帖子