Hola, acabo de crear mi página y está toda bien menos una parte. Es una página en la que hay una tabla que se ve bien en PC, pero no se adapta a móvil. Os adjunto captura de como se ve en el móvil. He mirado bastantes cosas pero estoy bastante perdido... ¿Podéis echarme un cable?
Un saludo y felicidades por el foro!
URL del sitio: Contenido solo visible a usuarios registrados
Hola Guillermo,
En pantallas grandes se ven perfectas las tablas, pero en móviles se comprimen, quizás por exceso de columnas.
¿Con que tiene creadas esas tablas, es HTML puro?
Saludos
Hola Guillermo,
Analizando la demo que adjuntaste en otro hilo, veo que el tema si es 100% responsive y que las tablas incorporadas en ese tema se ven perfectamente en dispositivos móviles, ya sea en vertical u horizontal, tal como te muestro en estas capturas adjuntas.
Algo estás haciendo de forma incorrecta porque de lo contrario las tablas se deberían ver igual o de forma similar a la demo oficial de ese tema.
Saludos
¿Y que puede ser? Estoy muy perdido y necesito solucionarlo...
Hola
El problema es la cantida de texto en cada apartado, podría solucionarse reduciendo un poco el texto, o ponerlo en varios renglones por ejemplo los títulos, o ocultar elementos que no se vean bien en modo responsive
Por ejemplo al final de tu archivo :
/wp-content/themes/arkahost/style.css
Agrega lo siguiente :
@media (max-width: 410px) { body .price_compare .prices h4{ font-size:10px; } .wpb_text_column.wpb_content_element h4{ font-size:12px; } .wpb_text_column.wpb_content_element.title h5{ display:none; } .wpb_text_column.wpb_content_element h5{ font-size:12px; } }
Verás que algunas cosas se corrigen ,pero inevitablemente tendrás que corregir el texto, ponerlo en varias líneas por ejemplo : Plan basico redes sociales, no será posible que vaya todo en una sola línea verifica si puedes ponerlo en dos o tres líneas.
Saludos.
No ha cambiado nada... el tamaño de las letras sigue igual.
Hola Guillermo.
En el código que te paso mi compañero Jhon, es donde se asignan los tamaños para cada tipo de texto, estos valores están definidos en ' font-size: ', puedes modificar esos valores hasta que se adapte a tus necesidades.
xejemplo en el apartado ' .wpb_text_column.wpb_content_element h5 ' tienes ' font-size:12px; ' , puedes cambiar ese valor por ' 10px ' si quieres hacerlo más pequeño y así con los demás textos.
Si ves que no puedes indícanos el texto que quieres más pequeño para pasarte el código.
Un saludo
He cambiado los tipos de letra y en el navegador, al pulsar F12 se ve bien, pero en el móvil se sigue viendo mal. ¿Qué puedo hacer?
Hola
Tu plantilla es responsive por lo que se muestra lo mismo en desktop que en movil
Lo he probado en movil y lo veo correctamente, tienes que tener en cuenta que si ya cargaste tu sitio en un movil y haces cambios CSS para que estos se muestren tienes que limpiar la cache de tu navegador, o probar en otro movil para ver los cambios.
Saludos.