PC画面でのハンバーガーメニュー表示のずれについて

[pepepe]

■ WordPress のバージョン
WordPress 6.9.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning Pro

■ テーマのバージョン
8.24.0

■ スキンの種類
Origin II

■ 期待する動作
PC画面にもモバイルと同じハンバーガーメニューを表示させたい。メニュー項目が多いため通常のヘッダーメニュー＋ハンバーガーメニューの双方を表示させたい。
添付の期待するイメージのような、できれば枠に囲まれず背景色もない、シンプルな３本線のハンバーガーメニューをヘッダーメニューの隣に表示させたい。

■ 自分で試した事
過去のフォーラムから、モバイルと同じないようであれば
@media (min-width: 992px) {
body.device-pc .vk-mobile-nav-menu-btn,
body.device-pc .vk-mobile-nav {
display: block;
}
でPCにハンバーガーメニューを表示できることがわかりました。

しかし表示させたところ、通常のヘッダーメニューとずれており、またハンバーガーメニューが右上端に寄ってしまっているため視認性が悪い状態です。
ヘッダーの位置調整の技術がなく、ここからどうしたらよいかわからないです。

■ 症状が発生するブラウザ
クローム

■ 実際の症状
通常のヘッダーメニューとずれており、またハンバーガーメニューが右上端に寄ってしまっているため視認性が悪い状態です。
よろしくお願いいたします。

Attachments:

You must be logged in to view attached files.

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[投稿者]

投稿