サポート » テーマ » Zerif Lite:レスポンシブナビゲーションがすぐ閉じてしまいます。

  • 解決済 mure6138

    (@mure6138)


    テーマ「Zerif Lite Version: 1.8.4.5」とそこから作成したオリジナル子テーマを使用しています。
    同じ条件で子テーマをもう一つ作成し、と2種類のサイトを作成していますが、1つの方のみ、スマホで見たときのナビゲーションの折り畳み部分が、クリックするとすぐ閉じてしまいます。こちらはWordpressやテーマのバージョンの問題でしょうか?それとも、jsファイルなどが壊れているのでしょうか?なるべくテーマをバージョンアップせずになおしたいのですが、詳しい方いらっしゃいましたら、ご教授のほどお願いします。

    試してみたこと:
    ・同じ条件で作成した子テーマを使用しているサイトから、「Zerif Lite Version: 1.8.4.5」を丸ごとコピーしてみた
    ・同じ条件で作成した子テーマを使用しているサイトから、style.css以外のファイルをコピーしてみた

    zerif内のjsには以下のような表記があります。

    /*** DROPDOWN FOR MOBILE MENU */
    var callback_mobile_dropdown = function () {

    if( jQuery( ‘.wr-megamenu-container’ ).length <= 0 ) {
    var navLi = jQuery(‘#site-navigation li’);
    navLi.each(function(){
    if ( jQuery(this).find(‘ul’).length > 0 && !jQuery(this).hasClass(‘has_children’) ){
    jQuery(this).addClass(‘has_children’);
    jQuery(this).find(‘a’).first().after(‘<p class=”dropdownmenu”></p>’);
    }
    });
    jQuery(‘.dropdownmenu’).click(function(){
    if( jQuery(this).parent(‘li’).hasClass(‘this-open’) ){
    jQuery(this).parent(‘li’).removeClass(‘this-open’);
    }else{
    jQuery(this).parent(‘li’).addClass(‘this-open’);
    }
    });
    navLi.find(‘a’).click(function(){
    jQuery(‘.navbar-toggle’).addClass(‘collapsed’);
    jQuery(‘.collapse’).removeClass(‘in’);
    });
    }

    };
    jQuery(document).ready(callback_mobile_dropdown);

    jQuery(document).ready(function() {
    var current_height = jQuery(‘.header .container’).height();
    jQuery(‘.header’).css(‘min-height’,current_height);

    });

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック投稿者 mure6138

    (@mure6138)

    HTML/CSSカスタマイズ等をしていないのに動かない、という場合の、主な原因は他のプラグインとのバッティングです。
    プラグインを停止するだけで、解決することがほとんどです。

    以上のような書き込みを見つけ、プラグインを見直してみたところ、解決しました。
    ありがとうございました。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「Zerif Lite:レスポンシブナビゲーションがすぐ閉じてしまいます。」には新たに返信することはできません。