Avisos
Vaciar todo
Pack Tienda WordPress
12
Respuestas
3
Usuarios
0
Reactions
511
Visitas
Topic starter
Contenido solo visible a usuarios registrados
Respondido : 18/04/2018 11:49 am
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
Respondido : 18/04/2018 2:34 pm
Topic starter
Contenido solo visible a usuarios registrados
Respondido : 18/04/2018 2:38 pm
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
Respondido : 18/04/2018 2:50 pm
Topic starter
Contenido solo visible a usuarios registrados
Respondido : 18/04/2018 2:58 pm
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
Respondido : 18/04/2018 3:07 pm
Topic starter
Contenido solo visible a usuarios registrados
Respondido : 18/04/2018 3:21 pm
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
Respondido : 18/04/2018 3:30 pm
Topic starter
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
Respondido : 18/04/2018 3:42 pm
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.
Respondido : 18/04/2018 5:18 pm
Topic starter
Contenido solo visible a usuarios registrados
Respondido : 18/04/2018 6:35 pm
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.
Respondido : 18/04/2018 7:05 pm
