- このトピックには4件の返信、2人の参加者があり、最後に
により3年、 6ヶ月前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】
【お使いのブラウザ】Chrome===
グローバルメニューに子階層を表示するためのボタン（…ボタンじゃなくても、子階層があるということがわかる下向き矢印でOK）を表示させる設定はありますか？
フッターだと、
'<button class="children-expander">'にあたるようなものです。
（一応カスタマイザー を探してみたのですが、見つけきれませんでした(;;)）
いいねをした人: 居ませんこれで矢印表示 + ホバーでサブメニュー表示/非表示にできました。
add_filter( 'snow_monkey_template_part_render', function( $html, $slug ) { if ( 'template-parts/nav/global' === $slug ) { $html = str_replace( '<ul class="c-navbar__submenu"', '<div class="c-navbar__toggle" aria-expanded="false"><span class="c-ic-angle-right" aria-hidden="true"></span></div><ul class="c-navbar__submenu"', $html ); return $html; } return $html; }, 10, 2 );が、サブメニューに表示される矢印が黒になってたりちょっと変なので、次のアップデートで少しコードを整理してみようと思います。お急ぎならひとまず上記のコードを使ってください！
いいねをした人: 居ませんv11.7.0 で、矢印クリックに切り替える設定を追加しました。下記のコードを追加すると切り替わります。
add_filter( 'snow_monkey_get_template_part_args_template-parts/nav/global', function( $args ) { $args['vars']['_popup-mode'] = 'click'; return $args; } );ホバーのままで矢印だけ出したい場合は先のコードで下向き矢印がでるようにしました。ただ、クリックモードのときと違って整ってはでないので、CSS で微調整が必要になります。
例えばこんな感じ。
.p-global-nav .c-navbar .c-navbar__item[aria-haspopup=true], .p-global-nav .c-navbar .c-navbar__subitem[aria-haspopup=true] { padding-right: 1.76923rem; padding-right: calc(var(--_space, 1.76923rem)*1); } .p-global-nav .c-navbar .c-navbar__item, .p-global-nav .c-navbar .c-navbar__subitem { position: relative; }いいねをした人: 居ません
5件の投稿を表示中 - 1 - 5件目 (全5件中)
- トピック「グローバルメニューに子階層を表示するためのボタン（…ボタンじゃなくても、子階層があるということがわかる下向き矢印でOK）を表示させる設定はありますか？」には新しい返信をつけることはできません。