ajax呼び出しのCSSはデスクトップでは動作していますが、モバイルでは動作していません

Question

私はajax呼び出しを行っています。beforeSendではローダーとオーバーレイを作成するCSSクラスをロードする関数を呼び出しています。成功すると、私は別の関数を呼び出すことによってそれを削除しています。しかし、呼び出されているCSSクラスはデスクトップビューでのみ適用され、モバイルビューでは適用されません。私はこれで何をしているのか分かりません。誰も私にこれを解決する方法を教えてもらえますか？

AJAX呼び出しは、呼び出されている関数は、以下の通りである

function filterAjax(s_url){   
     $.ajax({ 
      type: "GET", 
      data : {is_ajax:1}, 
      url: s_url, 
      beforeSend: function() { 
       initLoader(); 
      }, 
      success: function(data) { 
       killLoader();    
       updatePage(data); 
       filter(); 
       $(".offcanvas-siderbars").removeClass("column-left-active"); 
      }, 
      error: function(jqXHR, textStatus, errorThrown) { 
       //console.log(errorThrown); 
      } 
     });  
    } 

以下の通りです。

function initLoader() { 
     $('.mkmage-overlay').fadeIn(200, function(){ 
      $('.mkmage-loader').show(); 
     }); 
    } 

    function killLoader() { 
     $('.mkmage-loader').hide(); 
     $('.mkmage-overlay').fadeOut(200); 
    } 

私が使用しているCSSクラスは次のとおりです。

.mkmage-overlay{ 
    display: none; 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    opacity: 0.5; 
    background-color: #363636; 
    z-index: 10000; 
    top: 0; 
    left: 0; 
} 
.mkmage-loader{ 
    display: none; 
    width: 60px; 
    height: 60px; 
    position: fixed; 
    left: 50%; 
    top: 50%; 
    z-index: 1000000; 
    transform: translate3d(-50%,-50%,0) 
} 

Answer 1

ポスターはコメントしていたとして、問題は、デスクトップモードでのみ表示されますので、それはモバイルモードで隠されてしまう別の要素にあったHTMLで.offcanvas-siderbarsの位置でした。

助けて幸せ;）