ドロワーナビゲーション表示時、階層メニューの展開を停止したい

0
いいねをした人: 居ません
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #61232
    HaseGawa
    参加者
    20

    トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。

    【お使いの Snow Monkey のバージョン】11.7.6
    【お使いのブラウザ】Chrome 最新版
    【当該サイトのURL】なし

    ===

    ドロワーナビゲーション表示時、最上位の階層のあるメニューが展開されて表示されますが、これを展開しない状態で表示したいのですが可能でしょうか。

    0
    いいねをした人: 居ません
    #61281
    アバター画像キタジマ タカシ
    参加者
    2421
    #61299
    HaseGawa
    参加者
    20

    なるほど、フォーカスのために展開されてしまっているのですね。
    実はそうじゃないかと思っていました^^。

    良い案かは分かりませんが、対策してみました。

    以下のJavaScriptを追加することで、1番目のメニューが閉じた状態でドロワーメニューが表示されます。

    問題がありましたらご指摘いただけますと助かります。

    
    /*
    * ドロワーメニューの1番目のメニューで親子関係がある場合、展開表示されてしまうので閉じる。
    */
    
    window.onload = function () {
    const hamburger_bun = document.querySelectorAll('.c-hamburger-btn');
    const menu_toggle = document.querySelector('.c-drawer__toggle')
    
    // ハンバーガーボタンがクリックされたら、1番目のメニュートグルボタンをクリックする。
    hamburger_bun[0].addEventListener("click", function() {
    menu_toggle.click();
    });
    };
    
    2
    いいねをした人: 居ません
    #62164
    アバター画像キタジマ タカシ
    参加者
    2421

    お返事おそくなりすみません、なるほど、JS でクリックして閉じると。試させていただきます!問題なさそうであれば、現在 WordPress 5.6 対応のメジャーアップデートの作業を進めているところなので、そのアップデートに取り込めればと思います。

    0
    いいねをした人: 居ません
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • トピック「ドロワーナビゲーション表示時、階層メニューの展開を停止したい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。