Desabilitar javascript nas versões Mobile e Tablet

[Alessandro Ramos 0]

boa noite colegas,

Tenho um script que uso no site versão desktop (wordpress), mas gostaria de desabilita-lo na versão mobile e tablet.

 

Já coloquei no CSS a class main-menu-containers como display: none e nada aconteceu. Coloquei a Div como display none e nada também, alguém saberia me informar como desabilito esse escript para as versões: 320px, 480px, 600px e 800px.

 

Script abaixo:

$(function () {
//incluso essa variavel para setar atributos do css depois
var elemento = $('.main-menu-containers');

$(window).scroll(function () {
//distancia que o scroll devera rolar para aparecer o box da div
if ($(this).scrollTop() > 200) {

             //bloco incluso para setar o css
elemento.css({
'position': 'fixed',

});

$('.main-menu-containers').fadeIn();
} else {
$('.main-menu-containers').fadeOut();
}
});
});

Desde já agradeço a atenção de todos!

[William Bruno 1501]

vc vai ter que ter um IF ai dentro, que testa se a tela é maior que 800px

[Alessandro Ramos 0]

você vai ter que ter um IF ai dentro, que testa se a tela é maior que 800px

 

Eu sou leigo, achei esse script na web para usar no meu site, deu certinho, mas ai me deparei com a parte do mobile, se você puder me ajudar, me dizendo como coloco essa regra, eu te agradeceria muitooooooooooooooo.

Mas desde já agradeço sua atenção NodeJS