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

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

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

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #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">

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

    #90380

    nakamura
    参加者

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

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

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

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