- このトピックには11件の返信、2人の参加者があり、最後に
により6ヶ月、 2週前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】 25.4.5
【お使いの Snow Monkey Blocks のバージョン】 20.5.4
【お使いの Snow Monkey Editor のバージョン】 9.4.0### 実現したいこと
お世話になっております。
メガメニューを使用しており、hoverではなくクリックで開くようにしたいです。
ご多忙の中、大変恐縮ではございますがご教示いただけますと幸いです。
よろしくお願いいたします！
いいねをした人: 居ませんSnow Monkey のグローバルナビゲーションにはポップアップモードというオプションがあって、サブメニューの展開方法をフックでカスタマイズすることができます。
下記のコードはサブメニューの展開方法をクリックに変更します。My Snow Monkey プラグインか子テーマの
functions.phpに貼り付けてみてください。add_filter( 'snow_monkey_get_template_part_args_template-parts/nav/global', function( $args ) { $args['vars']['_popup-mode'] = 'click'; return $args; } );ただ、メガメニューには完全対応していないので、ちょっと CSS で調整が必要になるかもしれません><
いいねをした人: 居ません機能としては無いので、トグルボタンを CSS でリンクに重ねる感じはどうですかね？
.p-global-nav .c-navbar__item { position: relative; } .p-global-nav .c-navbar__item > a { max-width: none !important; } .p-global-nav .c-navbar__item > .c-navbar__toggle { position: absolute; inset: 0; z-index: 1; width: 100% !important; } .p-global-nav .c-navbar__item > .c-navbar__toggle span { display: none; }いいねをした人: 居ませんposition: static;が指定されているので、
.p-global-nav .c-navbar__item {
position: relative;
}こちらが効かず、リンク領域がメニュー全体になってしまってどのメニューをクリックしても同じ子メニューが開く形になってしまいます。
いいねをした人: 居ませんんーなるほど、他の設定と競合しているのかもしれません。
確認できる URL を共有していただくか、カスタマイザーでグローバルナビゲーションまわりのカスタマイズをしていたり、コードを追加してグローバルナビゲーションまわりのカスタマイズをしている場合はどのようなことを行っているか具体的に教えてください。
いいねをした人: 居ません早々にお返事いただきありがとうございます！
xxx（管理者により URL を削除）
グローバルナビゲーションまわりは特に触っていないと思うのですが…
また、ご確認いただけましたらこちら削除していただけますと幸いです。よろしくお願いいたします！
いいねをした人: 居ませんもし最新版でないなら最新版にアップデートしてください。そして、先の CSS は全部消して、下記の CSS を試してみてください。
/* position で重ねるとメガメニューの位置がずれるので、grid で対応する */ .snow-monkey-mega-menu { display: grid !important; } .snow-monkey-mega-menu > a { max-width: none !important; } /* リンクとトグルボタンを重ねる */ .snow-monkey-mega-menu > a, .snow-monkey-mega-menu > .c-navbar__toggle { grid-column: 1 / -1; grid-row: 1/ -1; } .snow-monkey-mega-menu > .c-navbar__toggle { width: 100% !important; } /* トグルボタンの矢印を消す */ .snow-monkey-mega-menu > .c-navbar__toggle * { display: none; }いいねをした人: 居ませんいただいたCSSで理想通りの実装ができました。
迅速なご対応、感謝しております。
本当にありがとうございます！ちなみにではございますが、更新を押すと更新失敗となってしまうのですが、無料で配布されていたときのものだからでしょうか・・？
WordPressのバージョンは6.5.2で、PHPは7.4.33です。
いいねをした人: 居ません
- トピック「メガメニューをクリックで開きたい」には新しい返信をつけることはできません。