[ 解決済 ] lightningハンバーガーメニューを表示したいです。
[ 解決済 ] lightningハンバーガーメニューを表示したいです。
- このトピックには8件の返信、4人の参加者があり、最後に
により1週、 4日前に更新されました。
-
投稿
-
■ WordPress のバージョン
6.8.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
Lightning Childバージョン: 0.6.0 Lightningバージョン: バージョン: 15.30.0■ Pro Unit のバージョン
Lightning G3 Pro Unit バージョン 0.29.5■ スキンの種類
Origin III■ プラグインの種類・バージョン
Lightning G3 Pro Unit バージョン 0.29.5
VK All in One Expansion Unit バージョン 9.110.1.1
VK Blocks Pro バージョン 1.108.0.0■ 期待する動作
ハンバーガーメニュー
このような上隅に表示する デフォルトの表示です。他社サンプルでも同様ですが、三本線の一般的なボタンです。
https://www.his-j.com/Default.aspx■ 自分で試した事
ブロックテンプレートパーツを使用しています。（ヘッダ・フッダ）
ヘッダ固定 オフ モバイル端末では Lightning 標準のモバイルナビゲーションを有効にする オン追加CSSなど
.vk-mobile-nav-menu-btn {
text-indent: 2px;
font-size: 10px;
padding-top: 26px;
overflow: visible;
border: none;
background-position: top;
height: 40px;
}
.vk-mobile-nav-menu-btn.menu-open {
border: none;
}
.vk-mobile-nav {
padding-top: 50px;
}■ 症状が発生するブラウザ
google クロム バージョン: 138.0.7204.184（Official Build） （64 ビット）■ 実際の症状
当初上のハンバーガーメニューは使用していませんでしたが、追従お問い合わせボタン（ 2024年7月29日）を
設置すると、下の固定ナビが使えなくなったので、下の固定ナビを不要にして、もとの初期値のハンバーガーメニューを設置したくなりました。理由：PCよりもモバイル用途が増えたため
lightningハンバーガーメニューを表示したいです。
標準のモバイルナビボタンを配置して、追従お問い合わせボタン（ 2024年7月29日）を
設置すると 既存のモバイルナビボタンがオーバーレイで被さってしまい操作ができません。■ その他特記事項
XSERVERにて複数サイトを同じ仕様で確認しましたが、いずれもハンバーガーメニューが表示できません。該当URL : https://*********※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます
一つのサイトは再現できました。
別サイトは、下記動作で再現できないため確認中です。カスタマイズ→「Lightningのモバイル固定ナビ」の「メニュー開閉ボタンの追加」にチェックが入っていますので、
下に固定されて出てくるメニューの中にハンバーガーメニューが含まれている状態です。もしヘッダーのロゴの右側にハンバーガーメニューを表示させたいのであれば
「メニュー開閉ボタンの追加」のチェックを外してみて下さい。追加CSS
.vk-mobile-nav-menu-btn {
text-indent: 2px;
font-size: 10px;
padding-top: 26px;
overflow: visible;
border: none;
background-position: top;
height: 40px;
}
.vk-mobile-nav-menu-btn.menu-open {
border: none;
}
.vk-mobile-nav {
padding-top: 50px;
}ハンバーガーメニュの位置を右側に変更したい
.vk-mobile-nav-menu-btn {
left:auto;
right:5px;
}【パターンライブラリー追従お問い合わせボタン（ 2024年7月29日）使用時のみ】
以下を設置した場合、ハンバーガーメニューとぶつかるようで表示できません。
両方表示できるCSSの対策があればよいですが。パターンライブラリー
標準のモバイルナビボタンを配置して、追従お問い合わせボタン（ 2024年7月29日）※追従お問い合わせボタン（ 2024年7月29日）をページに貼り付けなければ、ハンバーガーメニューは表示されます。
取り急ぎ、添付写真のようにハンバーガーメニューが表示されないため、MENUボタンを付加して、サイトマップリンクを埋め込んでいます。
ハンバーガーメニューが必要なら、
スマホのボタンはパターンライブラリーを使わずに、
モバイル固定ナビで添付画像のように作るのがかんたんでいいと思います。対馬様
早々ありがとうございます。
当初、添付画像の通り、「モバイル固定ナビ」を使用していたのですが
パターンライブラリー（追従お問い合わせボタン（ 2024年7月29日））を使用するとモバイル固定ナビが
使用できなくなったのでモバイル固定ナビに戻そうかと思います。
ありがとうございます。おっしゃるように 対馬様の下記のサイトのようにPCのみ目次を表示できるようにします。
https://uonuma-js.com/http-mkt-shokuhin/ありがとうございます^^
ライトニングプロのトップページスライドショーが機能しません表示されるのは1枚目だけですカスタマイズの画面のトップページスライドショーのメニューのところにした棒線が入っていますこれは何かを意味するのでしょうか機能しない理由は何かをわからないのでもしわかる人がいましたら教えてください
- このトピックに返信するにはログインが必要です。
