スマホ用メインメニュートグルが開かない・反応が悪い

[dswdsw123456]

——————————————-
WordPress のバージョン：4.9.6–ja
Welcart のバージョン：1.9.10

ご利用のテーマ：Welcart VOLL 1.0.2

OS / ブラウザ：IOS11.4 / Safari
——————————————–

スマホ（確認環境：IOS11.4 / Safari）で、
左上のスマホ用メニュートグルが、
スクロールして、fixedヘッダーにある場合に
メニューが開きません。
（更新ボタンを押してからだと開くようです。）

VOLLのデモページでは、
開いていることを確認できましたので

編集前の下記の状態に戻して確認しましたが
メニューは開きませんでした。

　・Welcart VOLL 1.0.2は、ダウンロードしたままの編集していない状態です。
　・ヘッダー画像は、【672px × 234 のPNG画像】を設定しています。
　・ワードプレス【外観＞カスタマイズ】は、最低限の設定を行なっています
　・確認の為、商品登録済みです。

VOLLのデモページも
同じスマホ環境で確認すると、
2回クリックしないと
メニューは開かないようです。

改善方法をお教えいただけますようお願いいたします。

[dswdsw123456]

IOS11.4 / Safari
で、メインメニュー
トグルボタンの反応が悪いようです。

VOLLのデモページでも確認できているのですが
スクロール後、ヘッダーが表示された際
何度かクリックしないと反応しません。

現在制作中のサイトでも
後ろに配置されている要素か、
スクロールの位置によってかは
わかりませんが
トグルボタンが機能しない場合があります。

大変困っております。
ご回答をよろしくお願いいたします。

[ohnishi]

こんにちは

お使いのテーマ内の下記テンプレートを修正してみてください。

/welcart_basic-voll/js/front-customized.js

– front-customized.js 14行目,42行目あたり

$('.menu-trigger').on(_touch,function()
に記述を
$(document).on(_touch,'.menu-trigger',function()

に書き換えてみてください。
どうぞよろしくお願いいたします。

[dswdsw123456]

ご回答、ありがとうございます。

お教えいただいた方法を試しましたが
変化は無く、状況が改善されませんでした。

現在、
header.phpのトグル部分を
下記のようにして対応しております。
<a id ="menu-trigger" href="#menu-trigger" class="menu-trigger">

他に良い解決方法があればお教えください。
よろしくお願いいたします。

[nakamura]

WordPress のバージョン：　5.４.2
Welcart のバージョン：　1.9.31
PHP のバージョン： 7.3.16
Welcart専用の拡張プラグインとバージョン：なし
ご利用のテーマ：WelcartBasic 子テーマ
症状を確認したブラウザ：Chrome
サーバー：Xserver
SSLの利用：使用

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
PCのメニューがスマホ使用時にも表示されたままで、画面一杯にPCのメニューが出て困っています。
Welcart basicデモの様にスマホ使用時は三本バーの様にしたいのですが、
どの様にすればいいのでしょうか？

[投稿者]

投稿