Avisos
Vaciar todo
Preguntas sobre WordPress
7
Respuestas
2
Usuarios
0
Reactions
116
Visitas
Topic starter
Buenos días
A las diferentes cabeceras de mi Web, por ejemplo la que adjunto, quiero modificar el tamaño solo para que se ajuste a móviles y tablets, pero no funciona con el siguiente código, ¿alguna idea del error? Gracias!
@media only screen and (max-width: 600px) {
div#zn-bgSource-image {
width: 100%!important;
height: auto;
}
}
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 06/06/2019 11:35 am
Hola Jorge.
Veo que las imágenes se adaptan a la versión móvil.
¿ Puedes adjuntar una captura de lo que quieres modificar ?
Un saludo
Respondido : 06/06/2019 11:57 am
Topic starter
Hola Pepe,
Esa imagen no aparece en la página de destino, es esta otra :
La cabecera de Tiendas que adjunto en ese link.
Respondido : 06/06/2019 12:02 pm
Hola Jorge.
prueba añadir lo siguiente al archivo style.css:
@media only screen and (max-width: 600px) {
.zn-bgSource-image {
background-position: center;
background-repeat: no-repeat;
background-size: contain!important;
}
.page-subheader {
background-color:transparent!important;
}
div#page_header {
margin-top: 0px;
}
}
Un saludo
Respondido : 06/06/2019 12:40 pm
Topic starter
Pues funciona para adaptar la imagen al móvil, pero desaparece el menú responsive y mueve el logo, centrándolo.
Respondido : 06/06/2019 12:49 pm
Hola.
para el logo añade lo siguiente:
.logosize--contain .site-logo-img {
margin-right: 50%;
}
Para el menú tienes el siguiente código que lo oculta:
@media (max-width: 992px)
#main-menu, .zn-megaMenuSmartArea-content {
display: none !important;
}
Tienes que revisar los archivos css de la plantilla y ver dónde está añadido, no consigo verlo con el inspector.
Por lo que veo estás realizando muchas modificaciones, Tienes que ir con cuidado ya que lo que realizas en un bloque puede afectar a otro bloque de la web y te encontras con que todo está desorganizado.
Un saludo
Respondido : 06/06/2019 4:49 pm
Topic starter
Muchas gracias Pepe, parece que todo funciona correctamente con el código que me has cambiado, lo revisaré todo por si a caso descuadró algo.
Un Saludo!
Respondido : 06/06/2019 10:34 pm
