ok, perdón por la falta de datos. A ver si me explico mejor ahora.
tengo estos div que son diferentes secciones de la misma pagina y a su vez hay un menú superior como podeis ver en la foto:
El código es este:
Código HTML:
Ver original<div id="portfolio" data-section="portfolio"> <div id="about" data-section="about"> <div id="contact" data-section="contact">
en la sección portfolio hay varios álbumes de fotos y cada uno de ellos es un html diferente.
Luego el CSS de estilo de todos estos html es el mismo, y en el tengo esto:
Código CSS:
Ver original#portfolio,
#about,
#contact {
padding: 7em 0;
}
@media screen and (max-width: 768px) {
#portfolio,
#about,
#contact {
padding: 4em 0;
}
}
esto sirve para hacer responsive. Al visualizar en un iPad o teléfono, el menú superior del que os hablaba antes pasa a ser el típico menú desplegable haciendo clic en un icono de 3 barras. El problema viene que en el html principal, donde esta el código que os ponía arriba, el menú desplegable se visualiza correctamente.
Pero si se está en alguno de los álbumes de fotos, que ya os dije antes que son diferentes html y por lo tanto no tienen ese código, pues el menú desplegable no se ve.
Lo que quiero saber es si hay forma de que se vea.