桌面裝置和行動裝置可以使用不同的選單嗎？

常見問題 1 分鐘閱讀

簡短回答

可以。如果兩個選單大致相同，可依裝置隱藏部分項目。如果完全不同，請建立兩個選單，這需要 Pro Navigation 方案。

在某一種裝置隱藏項目

開啟項目 > Visibility（顯示設定），然後勾選 Hide on desktop（在桌面裝置隱藏）或 Hide on mobile（在行動裝置隱藏）。請參閱編輯選單項目。

使用兩個不同的選單

1. 建立兩個選單

   在 Menu manager（選單管理員）中，建立一個桌面版選單和一個行動版選單，或複製您的選單後再編輯副本。

2. 設定桌面版選單

   開啟桌面版選單 > Settings（設定）> Position（位置）> Show menu on this CSS selector（在此 CSS 選擇器顯示選單）。只輸入主選單的 CSS 選擇器，行動版的選擇器保留空白。

   

   Show menu on this CSS selector 及其兩個選擇器欄位

3. 設定行動版選單

   做法相反：主選單的選擇器保留空白，只輸入行動版選單的 CSS 選擇器。

4. 儲存並發佈兩個選單

   在每個選單上點擊 Save（儲存），然後點擊 Publish（發佈）。分別用電腦和手機檢查您的商店。

如何找出選擇器，請參閱在此 CSS 選擇器顯示選單。不確定該用哪一個嗎？聯絡我們，我們會免費為您設定。

相關頁面

• 在 CSS 選擇器上顯示選單輸入 CSS 選擇器，將選單放在佈景主題中的特定元素上。
• 多個選單與活動準備好多個選單，在活動期間切換，並了解會顯示哪個選單。
• 編輯選單項目變更項目的標題、連結、圖示、顏色、徽章、子選單與顯示設定，或複製、移動和刪除項目。

這個頁面有幫助嗎？

回報問題