Avisos
Vaciar todo

Optimizar web en movil y tablet  

 
Javier
 Javier
Estimable Member

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

Citar
Respondido : 13/07/2017 8:26 pm
Jhon
 Jhon
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 13/07/2017 10:58 pm

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

Javier
 Javier
Estimable Member

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?

ResponderCitar
Respondido : 14/07/2017 12:44 am
Javier
 Javier
Estimable Member

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

ResponderCitar
Respondido : 14/07/2017 12:59 am

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

Javier
 Javier
Estimable Member

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

ResponderCitar
Respondido : 14/07/2017 1:02 am
Javier
 Javier
Estimable Member

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

ResponderCitar
Respondido : 14/07/2017 1:17 am

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

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro 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.

ResponderCitar
Respondido : 14/07/2017 3:52 am
Javier
 Javier
Estimable Member

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

ResponderCitar
Respondido : 14/07/2017 1:31 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 14/07/2017 7:42 pm
Javier
 Javier
Estimable Member

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

ResponderCitar
Respondido : 14/07/2017 7:56 pm

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