🙁 🙁 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
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.
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
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.