No entiendo exactamente el motivo por el que el menú desplegable no me funciona una vez que cambia a los estilos de móvil. Cuando la resolución baja de 730px se activa el diseño para móviles, sin embargo hasta que la resolución no llega a 430px no puedo pulsar sobre el icono para que el menú se despliegue.
El código HTML del botón:
<div class="boton_menu">
<label class="fa fa-bars" for="boton"></label>
</div>
El código JS para el menú desplegable es el siguiente:
$('.boton_menu').click(function(){
if(contador == 1){
$('.menu').animate({
left: '0'
});
contador = 0;
} else {
$('.menu').animate({
left: '-100%'
});
contador = 1;
}
});
Ni siquiera aparece la "mano" para pulsar, aunque tenga puesto cursor: pointer
.
No se me ocurre absolutamente nada, el código JS está siempre disponible, y entiendo que una vez el icono esté disponible, siempre que pulse sobre el debería mostrarse le menú.
Si os sirve de ayuda, podéis hacer pruebas aquí: http://www.laxtore.com/index.php
Tengo otro problema con JS en el mismo menú, pero como tengo entendido que no se pueden formular 2 preguntas, abriré otra cuando pueda.
EDITO:
Me acabo de dar cuenta que en otra sección que tengo de la web, otro menú de navegación aparte del principal, los enlaces dejan de funcionar cuando las dimensiones de pantalla son inferiores a 430px, JUSTO a esa resolución. No entiendo qué está pasando, no tengo ningún estilo CSS aplicado a partir de esa resolución. Es la primera vez que me pasa esto y ya no sé ni qué mirar.