[ 解決済 ] ハンバーガーメニューについて
[ 解決済 ] ハンバーガーメニューについて
- このトピックには15件の返信、4人の参加者があり、最後に
により3年、 6ヶ月前に更新されました。
-
投稿
-
■ 利用テーマとバージョン :Lightning Proバージョン: 8.9.9
■ 質問内容：
モバイルの時に出てくる三本線メニュー（ハンバーガーメニュー）をパソコンの時にも表示できますか？
また、表示できるテーマやプラグイン（有料）の取り扱いはありますか？メニューが多いので、ヘッダーメニューに5つほど通常のメニュー表示をし、隅っこに三本線メニュー（ハンバーガーメニュー）を表示させたいと思っています。
ご教示のほど宜しくお願い致します。
モバイルの時に出てくる三本線メニュー（ハンバーガーメニュー）をパソコンの時にも表示できますか？
ご質問者がやりたいこととは違うかもしれませんが、
単純にモバイルナビと同じものをパソコンでも表示したいのであれば、
以下の CSS でいけると思います。@media (min-width: 992px) { body.device-pc .vk-mobile-nav-menu-btn, body.device-pc .vk-mobile-nav { display: block; } }メニューが多いので、ヘッダーメニューに5つほど通常のメニュー表示をし、隅っこに三本線メニュー（ハンバーガーメニュー）を表示させたいと思っています。
モバイルナビと違う中味のハンバーガーメニューを実現するのは難しそうです。
こだわりがなければ、ナビゲーションメニューを階層構造にするのが楽でよいと思います。
対馬様
いつもありがとうございます。
モバイルメニューとパソコンメニューは同じなのですが、
パソコンメニューは HOME 案内１ 案内２ だけはグローバルメニューに表示
その他の下層メニューをハンバーガーメニューに隠したい。
モバイルメニューは、全部ハンバーガーメニューに。
という感じです。DRILL LANCER 様
いつも大変お世話になっております。
下記の様な要望も可能と言うことでしょうか。
有償でも構いませんが、テーマやプラグインなどの取り扱いがありますか？
それとも、CSSで作る感じですか？モバイルメニューとパソコンメニューは同じなのですが、
パソコンメニューは HOME 案内１ 案内２ だけはグローバルメニューに表示
その他の下層メニューをハンバーガーメニューに隠したい。
モバイルメニューは、全部ハンバーガーメニューに。ありがとうございます。
それが、下層であって下層ではないのです。グローバルメニューには
HOME 案内１ 案内２ 三（ハンバーガーメニュー） とし、
ハンバーガーメニューの中には商品の一覧があるみたいな感じです。こういうのは御社のテーマでは不可能でしょうか？
グローバルメニューには
HOME 案内１ 案内２ その他（ここに下階層を設定する）
という運用ではだめでしょうか？
その他の下層メニューをハンバーガーメニューに隠したい。
一般的な右上にあるハンバーガーメニューの動きをイメージされているのであれば、
ご希望のことを実現するのは、不可能ではありませんが、難しそうです。なんちゃってハンバーガーであれば、かんたんなやり方があります。
添付画像をご参照ください。ナビゲーションラベルに
<i class="fas fa-bars"></i>と入力すれば、
見た目はそれらしくなりますし、URL の欄を空にしておけば
ハンバーガーボタンのリンクは解除されます。メニューに追加するときには URL を空にできませんが、あとから空にすることはできます。
いかがでしょうか？
石川様
ありがとうございます。
無理そうですね・・・ありがとうございます。対馬様
ありがとうございます。
おもしろいアイデアです。
先の回答のCSSも今後使うかもしれないので保存しておきます。いつもありがとうございます。m(._.*)m
こんな風にしたかったんです。
今更ですが見つけました。
こちらのテーマだと不可能と言うことなので今回は諦めます。
ありがとうございました。以下の CSS を追加すると、
見た目が添付画像のようにハンバーガーっぽくなりますよ。.gMenu_name .fa-bars { color: #999; border: 1px solid #999; font-size: 22px; padding: 5px; border-radius: 3px; margin-top: -8px; }対馬様
追加アドバイスありがとうございます。
それも良いですね！
やってみます。
- このトピックに返信するにはログインが必要です。
