Avisos
Vaciar todo

reducir el logo en dispositivos moviles

12 Respuestas
3 Usuarios
0 Reactions
511 Visitas
Respuestas: 338
Reputable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Contenido solo visible a usuarios registrados


 
Respondido : 18/04/2018 11:49 am
Pepe
 Pepe
Respuestas: 42239
Illustrious Member Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Respuestas: 338
Reputable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Contenido solo visible a usuarios registrados


 
Respondido : 18/04/2018 2:38 pm
Pepe
 Pepe
Respuestas: 42239
Illustrious Member Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Respuestas: 338
Reputable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Contenido solo visible a usuarios registrados


 
Respondido : 18/04/2018 2:58 pm
Pepe
 Pepe
Respuestas: 42239
Illustrious Member Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Respuestas: 338
Reputable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Contenido solo visible a usuarios registrados


 
Respondido : 18/04/2018 3:21 pm
Pepe
 Pepe
Respuestas: 42239
Illustrious Member Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Respuestas: 338
Reputable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Respuestas: 338
Reputable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Contenido solo visible a usuarios registrados


 
Respondido : 18/04/2018 6:35 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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