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

ホーム フォーラム テンプレート(テーマ) スマホ用メインメニュートグルが開かない・反応が悪い

このトピックには3件の返信が含まれ、2人の参加者がいます。3 ヶ月、 1 週前 dswdsw123456 さんが最後の更新を行いました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #85966

    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回クリックしないと
    メニューは開かないようです。

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

    #86013

    dswdsw123456
    参加者

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

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

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

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

    #86035

    ohnishi
    参加者

    こんにちは

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

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

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

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

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

    #86037

    dswdsw123456
    参加者

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

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

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

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

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

このトピックに返信するにはログインが必要です。