Lo que me has puesto tu no me funcion. Es decir que al pinchar en menu ul li a, se desplaza hasta el sitio pero el menu sigue abierto.
Yo lo he puesto de esta manera y me funciona, pero si subi a la parte superior de la pagina y pincho otra vez en el boton menu-responsive debo hacer 2 click ya que con un solo click no me hace caso :S
Esto es lo que yo he puesto que es basicamente lo mismo:
/*menu_resp*/
$(document).ready(function(){
var contador = 1;
$('#menu_resp').click(function(){
if(contador == 1){
$('#menu').animate({right: '0px'}, 'slow');
contador = 0;
}
else {
$('#menu').animate({right: '-550px'}, 'slow');
contador = 1;
}
});
/* quitar bloqueo menu*/
$(document).ready(function(){
$('#menu ul li a').click(function(){
$('#menu').animate({right: '-550px'}, 'slow');
})
});
Lo de Meta si que lo tengo puesto, pero no es igual que el que tu me has puesto.
Que diferencia tienen?
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
Cita:
Iniciado por henovec 
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!
