Primero, soy más un diseñador que un desarrollador. Tengo un código para detectar si mi navegador está en móvil y retrato para cambiar alguna clase. Estoy bastante seguro de que esto se puede simplificar
tanques
window.addEventListener("load", function(){ if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && window.matchMedia("(orientation: portrait)").matches) { console.log("this is mobile and portrait"); }else{ console.log("this is not mobile"); } }); window.addEventListener("resize", function(){ if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && window.matchMedia("(orientation: portrait)").matches) { console.log("this is mobile and portrait"); }else{ console.log("this is not mobile"); } });