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

このトピックには9件の返信、3人の参加者があり、最後に石川＠Vektor,Inc.により53分前に更新されました。

10件の投稿を表示中 - 1 - 10件目 (全10件中)

投稿者

投稿
2024年12月21日 2:29 PM #104880

前嶋美佐子
参加者

■ WordPress のバージョン
6.7.1

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

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 )

■ テーマのバージョン
15.27.1

■ スキンの種類
Origin III

■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
確認しました。

■ 期待する動作
スマホでメニューが問題なく開く。

■ 自分で試した事
VK Block patternsをやり直したり、標準のハンバーガーメニューに変更しました。
※標準のメニューは背景の下に入り込んでしまい、3本線を押すことができません。

■ 症状が発生するブラウザ
IOS　サファリ

■ 実際の症状
実機では、ハンバーガーメニューをクリックしても開かない。
PCではSPのメニューは開きます。
症状がある機種　iPhone 7、iOS 15.8.3

2024年12月21日 4:00 PM #104882

kaorock72
モデレーター

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

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

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

HOME

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

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

2024年12月21日 4:22 PM #104884

前嶋美佐子
参加者

佐々木様

ご連絡をありがとうございます。

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

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

最悪の場合、頂いたデモサイトのヘッダーを使用してテンプレート化（VK Block patterns化）するとよいでしょうか。
VK Block patternsの状態の画像を添付させていただきます。

お手数おかけします。

よろしくお願いいたします。

Attachments:
You must be logged in to view attached files.

2024年12月21日 5:16 PM #104886

kaorock72
モデレーター

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

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

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

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

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

HOME

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

2024年12月21日 5:19 PM #104887

前嶋美佐子
参加者

ご返答ありがとうございます。
お世話おかけいたします。

以下ＵＲＬになります。

ヘッダー_お問い合わせ_スクロール時に追従

よろしくお願いいたします。

2024年12月21日 6:11 PM #104889

kaorock72
モデレーター

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

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

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

2024年12月21日 6:41 PM #104891

前嶋美佐子
参加者

ご連絡頂きましてありがとうございます！

HOME

デモサイトの3本線をクリックしましたが、私のアイフォン（iPhone 7、iOS 15.8.3）では開きませんでした。
こちらの機種には対応できないということになりますでしょうか。

他のヘッダーに変更した方がよろしいでしょうか。

よろしくお願いいたします。

2024年12月21日 9:51 PM #104893

kaorock72
モデレーター

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

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

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

2024年12月21日 10:07 PM #104894

前嶋美佐子
参加者

こちらこそ、いつもありがとうございます！

古いバージョンのiOS動作のご確認、お願いいたします。

別のバージョンの結果については、ご報告させていただきます。

よろしくお願いいたします。

2024年12月21日 11:56 PM #104898
石川＠Vektor,Inc.
キーマスター
制作実績
弊社製品のご利用ありがとうございます。株式会社ベクトルの石川と申します。

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

回避策としましては、

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

となります。
```
.vk-mobile-nav-menu-btn {
	z-index:99999999;
}
```
Attachments:
You must be logged in to view attached files.
投稿者

投稿