JavaScript - Menú desplegable no funciona en ciertas dimensiones de pantalla

   
Vista:
Imágen de perfil de JetLagFox

Menú desplegable no funciona en ciertas dimensiones de pantalla

Publicado por JetLagFox (8 intervenciones) el 11/06/2017 04:19:38
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:

1
2
3
<div class="boton_menu">
    <label class="fa fa-bars" for="boton"></label>
</div>
El código JS para el menú desplegable es el siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$('.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.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder