Avisos
Vaciar todo

reducir el logo en dispositivos moviles  

 
Nestor
 Nestor
Reputable Member

Contenido solo visible a usuarios registrados

Citar
Respondido : 18/04/2018 12:49 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Nestor.

Por lo que veo añadiste la imagen en un background

#rt-logo {
    background: url( http://proveedoresdropshipping.net/wp-content/uploads/proveedores-dropshiping.png ) 50% 0 no-repeat !important;
    background-repeat: no-repeat;
    background-position: center;
}

En este caso lo que tienes que realizar es subir el logo con un tamaño por ejemplo de 250px y que muestre esa imagen cuando el dispositivo sea inferior a 600px:

@media screen and (max-width: 600px) {
#rt-logo {
 background-image: url( http://proveedoresdropshipping.net/wp-content/uploads/proveedores-dropshiping.png ) ;
}
}

Nota: al código tienes que cambiar la URL por la de la imagen que creaste para la versión móvil.

Un saludo

ResponderCitar
Respondido : 18/04/2018 3:34 pm

Cursos Gratuitos WordPress

Nestor
 Nestor
Reputable Member

Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 18/04/2018 3:38 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Nestor.

añado este codigo en style.css?
exacto, lo añades en el archivo style.css y modificas la URL por la de la nueva imagen.

Un saludo

ResponderCitar
Respondido : 18/04/2018 3:50 pm

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

Nestor
 Nestor
Reputable Member

Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 18/04/2018 3:58 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Nestor.

En la linea 28 tienes un codigo id="......., ese código le falta cerrarlo con la llave } al final del código.

Recuerda que tienes que subir la imagen del logo mas pequeña y tienes que añadir la URL de esa imagen.

Un saludo

ResponderCitar
Respondido : 18/04/2018 4:07 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Nestor
 Nestor
Reputable Member

Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 18/04/2018 4:21 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Nestor.

No veo que tengas el codigo añadido en el archivo style.css ni que cerraras el código anterior como te indique:

Tienes que realizar los pasos que te indique en la anterior respuesta.

Un saludo

ResponderCitar
Respondido : 18/04/2018 4:30 pm

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

Nestor
 Nestor
Reputable Member

Pepe si que lo he modificado, cambio de navegador a ver? mira te mando captura de como tengo el codigo ahora mismo como te indique antes

ResponderCitar
Respondido : 18/04/2018 4:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El código anterior del Id = no tiene sentido, elimina este código que no se esta ejecutando y podría afectar al resto

Saludos.

ResponderCitar
Respondido : 18/04/2018 6:18 pm

Nestor
 Nestor
Reputable Member

Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 18/04/2018 7:35 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Ok, no había entendido correctamente el problema
Descarta el código que hayas agregado antes, ubica este archivo:

/wp-content/themes/helena_wp/style.css

Al final de todo agrega el siguiente código CSS:

@media ( max-width:768px ){
	#rt-header #rt-logo{
		background-size:contain!important;
		width:100%;
	}	
}

Refresca tu navegador para ver los cambios

Si no ves los cambios asegúrate que el código adicional aparezca al consultar esta url:
Contenido solo visible a usuarios registrados

Nota: Los cambios deben ir al final.

Saludos.

ResponderCitar
Respondido : 18/04/2018 8:05 pm

Cursos Gratuitos WordPress