スマホメニューが開かない

日頃よりご利用いただきありがとうございます。
ベクトルスタッフの佐々木です。

該当のURLをお知らせいただくことは可能でしょうか？

また、Lightning のデモサイトのバンバーガーメニューは
タップするとどうでしょうか？

HOME

なお、可能であれば、最新iOSバージョンのiPhoneなど
ほかの実機ではどうかもご確認いただけますと幸いです。
最新iOSは18.2のようです。

どうぞよろしくお願いいたします。

ご返信いただきありがとうございます。

> 該当のＵＲＬを公開するのが難しいため、送付することができない状況です。また他の実機テストも同様にできない状況になります。
承知しました。

> Lightning のデモサイトのバンバーガーメニューは問題なく開くことができました。
ご確認ありがとうございます。

> 最悪の場合、頂いたデモサイトのヘッダーを使用してテンプレート化（VK Block patterns化）するとよいでしょうか。
恐れ入りますが、Lightning デモサイトでは標準のヘッダーを使用しており
ブロックを組み合わせたものではないため、パターン化はできません。

添付の画像のみではご状況の確認が難しいため、質問を変えてみますね。
画像にあるヘッダーは、VKパターンライブラリで公開しているパターンを利用されていますか？

HOME

そうであれば、どのパターンをお使いなのか、そのパターンのURLをお知らせください。
よろしくお願いいたします。

パターンのURLをお知らせくださいまして、ありがとうございます。

以下のデモサイトに該当パターンのヘッダーを適用してみました。
※最初にご覧いただいたデモサイトとは別のサイトになります。
https://demo.dev3.biz/lightning-g3-pro/

こちらの実機（iPhoneSE2 iOS18.1.1）のSafariやChromeで確認したところ
タップすると開きましたので、お試しください。

ご確認ありがとうございます！
開きませんでしたか…

それでは、当該パターンのハンバーガーメニューが
古いバージョンのiOSでも動作可能かどうかについては、一度社内に確認いたします。
週明け以降のご連絡になりますこと、ご了承ください。

もし他のヘッダーのパターンをお試しになった際に
ハンバーガーメニューが問題なく開くものがございましたら
そのパターン名またはURLをお知らせいただけると幸いです。
どうぞよろしくお願いいたします。

弊社製品のご利用ありがとうございます。株式会社ベクトルの石川と申します。

現状のデモサイトのナビゲーションは WordPress 標準のナビゲーションブロックを使用していますので、標準のナビゲーションブロック自体がご利用の端末に対応していないと思われます。
よって他のヘッダーパターンに変更しても症状は同じになると思います。

回避策としましては、

1. 外観 > カスタマイズ > Lightning ヘッダー設定 で、Lightning 標準のモバイルナビを有効にしる
2. 外観 > 追加CSS でモバイルナビのボタンがヘッダーの下にならないようにCSSを調整
3. ヘッダーに指定したブロックテンプレートパーツでモバイルの見え方を調整

となります。

.vk-mobile-nav-menu-btn {
	z-index:99999999;
}