Salud y saludos.
Ando practicando en una web "adaptativa" con el típico menú hamburguesa.
Pretendo que al hacer click sobre la hamburguesa aparezca el menú (<nav>) que está oculto a la derecha de la página.
Cuando la ventana del navegador sea menor de 800px de ancho desaparece el nav y aparece la hamburguesa. (queries)
El nav está en posición absoluta y con right de -160px que corresponde a su ancho. Así queda oculto
A su vez la hamburguesa tiene su propia animación. Las tres barras horizontales, al hacer click, cambian a un aspa. Esto si que lo hace.
La llamada para que el menú aparezca es:
Código:
#flag:checked + nav{
right: 0;
}
Donde #flag es un checkbox
He probado a poner ese código no en las queries sino en los estilos, pero nada.
¿Tiene algo que ver que el menú sea un bloque independiente de la hamburguesa?
¿Tienen algo que ver las posiciones fijas y absolutas?
Estoy completamente perdido
Podéis verlo aquí:
http://dereprueba.web44.net/hambur/U7index2.html