サポート » テーマ » Luxeritas PCでのヘッダーメニューの制御について

  • 解決済 thep0303

    (@thep0303)



    質問投稿させていただきます。

    ヘッダーメニューで親メニュー子メニューを作成しており。
    ホームのみカスタムリンクで作成 親メニューのみ。
    その他項目はカテゴリで作成し親・子関係になっております。
    親・子関係にあるカテゴリで作成したメニューに関して
    モバイルの場合 親メニューをプッシュ ⇒ 子メニュー表示
    となるのですが
    PCは 親メニューマウスホバー ⇒ 子メニュー表示の仕様はそのままにして
    メニューが押せない状態にしたいです。

    分かる方いらっしぃましたら、ご教授ください。
    よろしくお願い致します。

    ヘルプの必要なページ: [リンクを見るにはログイン]

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • ishitaka

    (@ishitaka)

    こんにちは

    ヘッダーナビ(グローバルナビ)における、親メニュー(子を持つメニュー)のリンクを無効にするということであれば、下記のようなスタイルではどうでしょうか。

    style.css または、カスタマイズの「追加 CSS」等に、

    #gnavi .menu-item-has-children > a {
    	pointer-events: none;
    }
    ishitaka

    (@ishitaka)

    訂正です。

    前レスのスタイルではスマホでも親メニューが無効になってしまいました。
    #head-in を追加してください。

    #head-in #gnavi .menu-item-has-children > a {
    	pointer-events: none;
    }
    thep0303

    (@thep0303)

    ishitaka 様

    お世話になっております。
    以前、モバイルのヘッダーメニュー関連の
    ご相談をさせていただいたsodicです。
    今回も助けて頂きました。
    本当にありがとうございました。
    自分ももっと勉強して、対応できる力を付けたいです。
    良い参考書等、ご紹介頂ければ幸いです。
    ※無理に返信頂かなくても結構です。
     本当にすみません。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。