[rie0310]

【お使いの Snow Monkey のバージョン】 25.4.5
【お使いの Snow Monkey Blocks のバージョン】 20.5.4
【お使いの Snow Monkey Editor のバージョン】 9.4.0

### 実現したいこと

お世話になっております。

メガメニューを使用しており、hoverではなくクリックで開くようにしたいです。

ご多忙の中、大変恐縮ではございますがご教示いただけますと幸いです。

よろしくお願いいたします！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

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 で調整が必要になるかもしれません><

♥ 0

いいねをした人: 居ません

[rie0310]

お返事ありがとうございます！

こちらボタンで開閉ではなく、親メニューをクリックして開くような実装は出来ないでしょうか？
よろしくお願いいたします！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

機能としては無いので、トグルボタンを 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;
}

♥ 0

いいねをした人: 居ません

[rie0310]

position: static;が指定されているので、

.p-global-nav .c-navbar__item {
position: relative;
}

こちらが効かず、リンク領域がメニュー全体になってしまってどのメニューをクリックしても同じ子メニューが開く形になってしまいます。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

んーなるほど、他の設定と競合しているのかもしれません。

確認できる URL を共有していただくか、カスタマイザーでグローバルナビゲーションまわりのカスタマイズをしていたり、コードを追加してグローバルナビゲーションまわりのカスタマイズをしている場合はどのようなことを行っているか具体的に教えてください。

♥ 0

いいねをした人: 居ません

[rie0310]

早々にお返事いただきありがとうございます！

xxx（管理者により URL を削除）

グローバルナビゲーションまわりは特に触っていないと思うのですが…
また、ご確認いただけましたらこちら削除していただけますと幸いです。

よろしくお願いいたします！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

もう一点すみません、Snow Monkey Mega Menu のバージョンはいくつでしょうか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

もし最新版でないなら最新版にアップデートしてください。そして、先の 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;
}

♥ 0

いいねをした人: 居ません

[rie0310]

いただいたCSSで理想通りの実装ができました。

迅速なご対応、感謝しております。
本当にありがとうございます！

ちなみにではございますが、更新を押すと更新失敗となってしまうのですが、無料で配布されていたときのものだからでしょうか・・？

WordPressのバージョンは6.5.2で、PHPは7.4.33です。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ちなみにではございますが、更新を押すと更新失敗となってしまうのですが、無料で配布されていたときのものだからでしょうか・・？

あれ、、なんででしょう…。よかったら、オンラインコミュニティ（Discrod）で DM いただけますでしょうか？

オンラインコミュニティ

Snow Monkey オンラインコミュニティは、Snow Monkey / unitone のユーザーの皆さ…

snow-monkey.2inc.org

♥ 0

いいねをした人: 居ません

[rie0310]

先ほどお送りしました！

メガメニューの件は解決しましたので、こちらは閉じますね。
ありがとうございました！

♥ 1

いいねをした人:

[投稿者]

投稿