Modificar tamaño de imágenes para móviles  

 
JORGE
 JORGE
Usuario eminente

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

Citar
Respondido : 06/06/2019 12:35 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 06/06/2019 12:57 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

JORGE
 JORGE
Usuario eminente

Hola Pepe,

Esa imagen no aparece en la página de destino, es esta otra :

https://bit.ly/2W4IFMo

La cabecera de Tiendas que adjunto en ese link.

ResponderCitar
Respondido : 06/06/2019 1:02 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 06/06/2019 1:40 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

JORGE
 JORGE
Usuario eminente

Pues funciona para adaptar la imagen al móvil, pero desaparece el menú responsive y mueve el logo, centrándolo.

ResponderCitar
Respondido : 06/06/2019 1:49 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 06/06/2019 5:49 pm

Cursos Gratuitos WordPress

JORGE
 JORGE
Usuario eminente

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!

ResponderCitar
Respondido : 06/06/2019 11:34 pm

Por favor Iniciar Sesión o Registro