Ver web creada con plantilla Tx_Zenith en un smartphone.  

 
Alberto
 Alberto
Usuario experto

🙁 🙁 Hola a todos,
Hemos creado una web con la plantilla Tx_Zenith y al interntar verla en un iphone se ve todo descolocado e incluso no aparece el menu. Ahora que la tenemos practicamente acabado nos surge un problemón porque el cliente quiere incluir un código QR en un folleto y claro no tiene sentido si no se ve la web desde el dispositivo móvil.
¿Alguien podria ayudarnos?
Muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 03/06/2014 6:32 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Revisando tu web en un móvil veo que se ve correctamente. La plantilla Zenith presenta un comportamiento responsive, es decir, se adapta al ancho del dispositivo, recolocando los elementos para conseguir una mejor visión.

El menú principal también se modifica por un menú que se despliega pulsa en el icono superior, aunque veo que en tu caso está fallando. Lo más probable es que esto ocurra por un cambio que has introducido en la plantilla haciendo que el logo ocupe todo el ancho de la pantalla, lo que deber provocar que se solape con el botón que despliega el menú.

Tendrías que probar a poner un logo más pequeño para ver si se soluciona el problema.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 03/06/2014 6:41 pm

Cursos Gratuitos WordPress

Alberto
 Alberto
Usuario experto

Muchas gracias por tu rápida respuesta Pablo,
Es cierto que se ve pero el menú aparece en una pastilla sombreada sobre el logo, al pulsar ya se ve en desplegable horizontal.... y es navegable la web.
Lo del logo ha sido porque el cliente quiere si o si meter una frase a la misma altura y solo haciendolo así, como imágen, me lo permitia la plantilla, si usaba otro módulo o texto se desplaza todo.
Si se te ocurre como resolverlo te escucharé atentamente como siempre y te estaré agradecido como nunca.
🙁 🙁

Un saludo

ResponderCitar
Respondido : 03/06/2014 6:57 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Alberto

Una manera sencilla es utilizar CSS, específicamente @media, la idea es que cambies algunas cosas de tu sitio web a determinada resolución, por ejemplo cuando aparece el botón de menú que cambie la imagen del logo por una más adecuada, puedes hacer un logo diferente con dos líneas por ejemplo

Revisa el siguiente código, puedes colocarlo en tu archivo template.css de tu template

@media (max-width: 767px) {
	#logo a{
		bacground-image:none!important;
		background:red!important;
	}
}

Evidentemente es un ejemplo, tendrías que cambiar background-image y borrar el color

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 03/06/2014 8:41 pm

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

Por favor Iniciar Sesión o Registro