Avisos
Vaciar todo

Optimizar web en movil y tablet

10 Respuestas
3 Usuarios
0 Reactions
717 Visitas
Respuestas: 238
Estimable Member
Topic starter
 

Hola,
Necesitaría que me recomendarais por favor alguna manera ya sea a través de la configuración de Wordpress o instalando un plugin, para poder optimizar mi web en Tablet y móvil, ya que obviamente ahora no se ve bien en estos dos dispositivos.
Gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 13/07/2017 7:26 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

El problema que veo es que tu logo no es adecuado para responsive, puedes usar el siguiente código CSS

.logo-block #rt-logo{
	width:100%!important;
	background-size:100%!important;
}

Puedes poner este código en algún archivo CSS personalizado, revisa:
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Saludos


 
Respondido : 13/07/2017 9:58 pm
Respuestas: 238
Estimable Member
Topic starter
 

Hola,
Darte las gracias por la ayuda.
He echo lo que me indicas y ya se ve bien el logo desde el movil o tablet, pero ahora en versión web se ve muy grande y cortado.

¿Hay que tocar algo mas de código para que no se vea tan grande?


 
Respondido : 13/07/2017 11:44 pm
Respuestas: 238
Estimable Member
Topic starter
 

Hola de nuevo,
he cambiado el % del código a 50 y ya se muestra bien. Así que ya está arreglado.

Un par de preguntas sobre el logo y su posición:
1 - ¿La parte donde se muestra este logo como se llama? ¿header?
2 - ¿Si yo quisiera posicionar el logo a la izquierda y añadir mas cosas en el centro o derecha, que debo hacer?
Añado un ejemplo que he encontrado de una web que usa el mismo tema:

Gracias de antemano


 
Respondido : 13/07/2017 11:59 pm
Respuestas: 238
Estimable Member
Topic starter
 

Perdonar pero la primera imagen esta repetida por error. Es valida como segunda imagen para la referencia sobre un ejemplo de lo que quiero.
La primera imagen donde queria mostrar que ya esta arreglado lo del tamaño del logo es esta:

gracias


 
Respondido : 14/07/2017 12:02 am
Respuestas: 238
Estimable Member
Topic starter
 

Indicar que he vuelto a poner en el codigo CSS que me indicasteis el 100%, ya que se habia arreglado el tamaño del logo en versión web, pero en tablet y movil se veia mínusculo.
Quedo a la espera de que me digais que debo hacer para que conserve el mismo tamaño en móvil, pero en versión web no se vea tan grande.
Por otra parte saber como moverlo a la izquierda para añadir mas cosas.
Gracias y disculpar el lio


 
Respondido : 14/07/2017 12:17 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Puedes eliminar el código que te indico Jhon para que se cuadre en la vía web y poder verificar el problema en los dispositivos móviles?

Para modificar la posición puedes aumentar el layout del header:

Finalmente inserta en la posición header widgets para que el logo se traslade hacia la izquierda y un banner por ejemplo a la derecha.


 
Respondido : 14/07/2017 2:52 am
Respuestas: 238
Estimable Member
Topic starter
 

Hola,
Ya he eliminado el código CSS y ya sale bien el logo en la web.
En relación a la posición del logo, he echo lo que me indicas y este se ha desplazado a la izquierda pero al añadir un cuadro de publicidad, este se queda en medio en lugar de desplazarse a la derecha.
¿Tengo que cambiar algo que esté mal?

Gracias


 
Respondido : 14/07/2017 12:31 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Podrías alinearlo con CSS, en base al ID que se ha creado:

#text-17{
	text-align:right;
}

Puedes agregar este código al final de tu archivo style.css

Otra opción es que uses la opción de alineación en el Widget de texto.

Saludos.


 
Respondido : 14/07/2017 6:42 pm
Respuestas: 238
Estimable Member
Topic starter
 

Hola Jhon gracias por la ayuda.
Al final lo he alineado en el widget.
gracias


 
Respondido : 14/07/2017 6:56 pm