日本語
フォーラム
ホーム / 使い方全般 / ハンバーガーボタンが機能してない
(@hachikuma)
5年、 12ヶ月前
スマホなどで、ハンバーガーボタンが表示されてるのに、パソコン用の横並びメニューが消えてくれません。そこで
#menu-menu-1{ display: none; }
と非表示にすると消えてくれるのですが、そうすると今度はモバイルメニューをクリックしてもメニューが開かれず機能してくれません。
どなたかお知恵をおかしください。 よろしくお願いします。
ヘルプの必要なページ: [リンクを見るにはログイン]
(@du-bist-der-lenz)
「クリックしてもメニューが開かれず」なのではなく、開いているのにdisplay: none;と指定しているからに思えます。
display: none;
ご解答ありがとうございます。
display: none;にしないとパソコン版の横並びメニューが出てきてしまうのです。 どうしたらいいものかわからなくて・・・。
何か方法はありますでしょうか？
「何か方法」の必要はないと思えます。テーマの仕様そのままで、トグルボタンの動作は問題ないですが。 こういうことでしょうか。 https://tgc.fm-woodstock.com/bekkoame 「スマホなどで、ハンバーガーボタンが表示されてるのに、パソコン用の横並びメニューが消えてくれません。」となるのは、テーマの設定が不完全か、おかしいことしていませんか。
パソコン用の横並びメニューですが、これを色や文字、大きさや位置をCSSでいじりました。 試しに子テーマのcssを空にすると、元のデザインに戻りハンバーガーメニューもうまく機能しました。
つまりこのデザイン調整が原因かと思われます。
でも色とか変えただけなんですけどね。。。 何を見落としてるのかよくわかりませんでした。
もしわかることがありましたら教えていただきたいです。 よろしくお願いいたします。
と思ったら、中央揃えが原因でした。 ちょっと先が見えてきました。
ありがとうございました！
