hola, elabore un pequeño menú HTML responsive, y con jquery hago la animación del menú cuando el max-with es de 800px, pero cuando maximizo la pagina los menus siguen haciendo uso del jquery, o sea que al dar click sobre el menú aparece pero yo desearía que al quitar el enfoque se volviera a ocultar, o simplemente no hiciera caso al click, porque solo es necesario cuando la pantalla es mas pequeña, pero no se si con un if puedo decir if(width<=800) o algo asi para que cuando la pagina este maximizada o mayor a 800px no haga caso a este bloque javascript
$(document).ready(main);
var contador = 1;
function main() {
$('.menu_bar').click(function () {
if (contador == 1) {
$('.navmenu').animate({
left: '0' //aquí le digo que aparezca
}//animate
);
contador = 0;
}//if
else {
contador = 1;
$('.navmenu').animate({
left: '-100%' //aquí le digo que desaparezca
}//animate
);
}//else
});//menu_bar
$('.submenu').click(function () {
$(this).children('.children').slideToggle(); //aquí muestra el submenu
});//submenu
}