デスクトップとモバイルで別のメニューを使えますか？

デスクトップとモバイルで別々のメニューを表示するか、デバイスごとに一部の項目を非表示にします。

よくある質問 2 分で読めます

要点

はい。メニューの内容がほぼ同じ場合は、デバイスごとに一部の項目を非表示にします。まったく異なる場合は2つのメニューを作成します。この場合は Pro Navigation プランが必要です。

一方のデバイスで項目を非表示にする

項目を開き、表示設定 で デスクトップで非表示 または モバイルで非表示 にチェックを入れます。メニュー項目を編集するをご覧ください。

2つの異なるメニューを使う

2つのメニューを作成する

メニューマネージャー で、デスクトップ用とモバイル用のメニューを作成するか、既存のメニューを複製してコピーを編集します。
デスクトップ用メニューを設定する

デスクトップ用メニューを開き、設定 > 位置 > このCSSセレクターにメニューを表示 を選びます。メインメニュー のCSSセレクターのみを入力し、モバイル用のセレクターは空欄のままにします。

このCSSセレクターにメニューを表示と、2つのセレクターのフィールド
モバイル用メニューを設定する

逆の設定をします。メインメニューのセレクターは空欄のままにし、モバイルメニュー のCSSセレクターのみを入力します。
両方のメニューを保存して公開する

それぞれのメニューで保存、続いて公開をクリックします。パソコンとスマートフォンの両方でストアを確認してください。

セレクターの見つけ方は、このCSSセレクターにメニューを表示をご覧ください。どちらを使えばよいかわからない場合は、お問い合わせください。無料で設定いたします。

このページは役に立ちましたか？

問題を報告