Este es mi primer sitio web que estoy tratando de construir únicamente por código (generalmente uso Webflow) y no puedo hacer que la barra de navegación funcione correctamente. Creo que es un problema de javascript y realmente no tengo idea de eso.
Estuvo funcionando durante un tiempo, y luego lo revisé después de muchas adiciones y no estaba funcionando.
¿Alguien podría revisar el código y ver por qué la barra de navegación no se abre y también es visible en el lado derecho cuando está cerrada?
https://cyan-aeriel-49.tiiny.site
No quiero meterme con el JS ya que seguí un tutorial y realmente no sé lo que estoy haciendo. Intenté cambiar la posición correcta en los elementos .nav y apareció un error.
Parece que su problema es con sus consultas de medios, para algunos anchos de pantalla, la barra de navegación se abre perfectamente y para otros no.
Aquí hay un tutorial para eso: https://www.w3schools.com/css/css3_mediaqueries.asp
También noté que se han agregado muchos estilos en línea a sus elementos. Intente usar un archivo .css separado con clases dentro que lo ayudará a organizar sus estilos css.
Entonces, si usa un depurador JS del navegador, parece que toda la animación para el menú (independientemente de los medios utilizados: computadora de escritorio, tableta, etc.) depende de div.burger , que solo es visible cuando el tamaño de la pantalla está por debajo de un cierto umbral.
Dado que .burger se display: none en la vista de escritorio, ninguno de los detectores de eventos se adjunta a los elementos en los que se puede hacer clic y no sucede nada en la interfaz.
Recomiendo encarecidamente usar un depurador de navegador, comoFireBug para identificar problemas con su js