Hola, tengo un código que me permite tener fijo el menú al hacer scroll en pantalla, sin embargo sólo quiero que funcione si la pantalla es de más de 600px de ancho, alguien me podría iluminar:
este es el código de posicionar el menú
Código:
posicionarMenu();
$(window).scroll(function() {
posicionarMenu();
});
function posicionarMenu() {
var altura_del_header = $('.header').outerHeight(true);
var altura_del_menu = $('.main-nav').outerHeight(true);
if ($(window).scrollTop() >= altura_del_header){
$('.main-nav').addClass('fixed');
$('.encabezado').addClass('fixed');
$('.page-wrap').css('margin-top', (altura_del_menu) + 'px');
} else {
$('.main-nav').removeClass('fixed');
$('.encabezado').removeClass('fixed');
$('.page-wrap').css('margin-top', '0');
}
}
Este sería más o menos el condicional que deseo incluir, pero no sé en donde:
Cita: $(document).ready(function($){
var ventana_ancho = $(window).width();
if(ventana_ancho >= 600) {
//aquí la función de posicionarMenu
}
)}
Saludos!