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
Contenido solo visible a usuarios registrados
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
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
Contenido solo visible a usuarios registrados
Contenido solo visible a usuarios registrados
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.