Hola, que tal?!
Bueno, hasta ahora no se si te entendí del todo. Supongo...
El problema: « ...se abre el menú, pincho en una opción, se desplaza hasta la zona pero el menú sigue abierto ».
1) « ...que el problema lo tengo para
pantallas pequeñas ».
Al usar
@media screen, asegurate de tener la METAetiqueta; generalmente las METAetiquetas van dentro de la etiqueta <head>:
Código:
<!-- <head> -->
<meta content='width=device-width,initial-scale=1.0,maximum-scale=2.0' name='viewport'/>
« ... Pincho en una opción,
se desplaza hasta la zona pero el menú sigue abierto ».
Según puedo ver en el HTML, estas opciones no te llevan a otra URL que implicaría recargar página, sino que te desplazan a una zona específica (
href="#serviciosclick"). Prueba reemplazar el código JS anterior con este:
Código Javascript
:
Ver original$(document).ready(function(){
var contador = 1;
$('#menu_resp a').click(function(){
if(contador == 1){
$('#menu').animate({right: '0px'}, 'slow');
contador = 0;
}
else {
$('#menu').animate({right: '-350px'}, 'slow');
contador = 1;
}
});
//al pinchar en alguna opción
$('#menu ul li').click(function(){
$('#menu').animate({right: '-350px'}, 'slow');
contador = 1;
});
});
Espero que con eso logras solucionar el problema.. Un saludo!
