フォーラムへの返信
-
投稿者投稿
-
2021年11月4日 6:36 PM 返信先: トップ画面のメニューボタン(画面右上に配置のハンバーガーメニュー)をクリックした際に表示されるドロワーメニューを右側から表示されるようにしたい。 #90954
My Snow Monkey か子テーマの
functions.php
に下記のコードを追加してみてください。add_filter( 'snow_monkey_template_part_render_template-parts/nav/drawer', // template-parts/nav/drawer を書き換える function( $html ) { return str_replace( 'class="c-drawer ', // これを 'class="c-drawer c-drawer--inverse ', // こうする(.c-drawer--inverse が右からでるようにするクラス) $html ); } );
これで右からはでるようになるのですが、ハンバーガーボタンにドロワーが重なってしまうので、一般の方はどうやって閉じるのかな?と混乱してしまう可能性はあると思います。中にハンバーガーボタンを追加できれば良いですが、ちょっと構造的にそれがやりにくいので、あまりおすすめはできません…。今後のアップデートで(コードを書く形にはなると思いますが)出る方向と、ハンバーガーボタンの有無をやりやすくしたいなと思います。
♥ 0いいねをした人: 居ませんこちらの記事も参考になると思います。
2021年11月4日 2:27 PM 返信先: トップ画面のメニューボタン(画面右上に配置のハンバーガーメニュー)をクリックした際に表示されるドロワーメニューを右側から表示されるようにしたい。 #90918「ハンバーガーボタンの位置」を「左」にすると、ドロワーメニューは右側から表示されるようになります。
♥ 0いいねをした人: 居ませんんーちょっとベーシック認証に詳しくないのでなぜそのような挙動になるのかわかりませんが、Archive Content では下記のコードでコンテンツを読み込んでいます。
これを参考に書き換えてみるのは良いかもしれません。
解決した場合はトピックを閉じていただけると助かります。今回はこちらで閉じますね。
♥ 0いいねをした人: 居ません現状特にそのような処理は入れていないと思うのですがなんでしょうね? 「menu1」にリンクしなくても良いのであれば、menu1のリンク先を javascript:void(0) とすればリンクが機能せずにサブメニューだけ開くようになると思います。
♥ 0いいねをした人: 居ませんセクションブロックの中身については設定パネルでスリム幅にできます。セクションの中に入れない部分であればコンテナーブロックを配置、それをスリム幅にしてその中にブロックを組んでいく、というのが良いと思います。
♥ 0いいねをした人: 居ませんもしかして
<div class="hero"> <div class="swiper-container">
の
.hero
と.swiper-container
の間に全角空白があったりしますかね?よくわかりませんが<div class="hero"><div class="swiper-container">
としたら消える気がします。
♥ 0いいねをした人: 居ませんなんでかはわかりませんが、
.hero
の中を空っぽにしても.hero
が一定の高さを持っちゃいますね。良い解決策かはわかりませんが、とりあえず.hero { line-height: 0; }
とすると余計な高さはなくなるようです。
♥ 0いいねをした人: 居ませんあと、先日ご提示した、
の CSS は入れていますか?
♥ 0いいねをした人: 居ません「メンバー紹介」の部分ですかね? だとすると、Swiper(非推奨のスライダーブロックで使っているスライダーの js ライブラリ)との絡みのようで、僕も具体的に原因というか対処法がわからないので、非推奨でないほうのスライダーブロックを使ってもらうのが良いのではないかと思います。
♥ 0いいねをした人: 居ません -
投稿者投稿