Avisos
Vaciar todo

Tabla que no se adapta a móviles  

 
Guillermo
 Guillermo
Estimable Member

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

Citar
Respondido : 03/04/2016 9:28 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 04/04/2016 3:30 am

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 04/04/2016 3:42 am
Guillermo
 Guillermo
Estimable Member

¿Y que puede ser? Estoy muy perdido y necesito solucionarlo...

ResponderCitar
Respondido : 04/04/2016 10:46 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 05/04/2016 1:18 am
Guillermo
 Guillermo
Estimable Member

No ha cambiado nada... el tamaño de las letras sigue igual.

ResponderCitar
Respondido : 11/04/2016 11:55 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Guillermo.
Esto es lo que veo yo en el móvil.

No sé cómo lo veras tu pero yo sí que veo el cambio en relación con ordenador

Si es algo que yo no consigo ver xfavor indícamelo con alguna captura para que pueda identificarlo.

Un saludo y gracias por tu paciencia 🙂

ResponderCitar
Respondido : 11/04/2016 1:15 pm
Guillermo
 Guillermo
Estimable Member

Si si, cambio si que hay, pero no se ve bien. Adjunto capturas para que lo puedas ver mejor.
Disculpa las molestias pero es algo que debo tener solucionado si o si... y desconozco el por qué no se ve bien.

ResponderCitar
Respondido : 11/04/2016 1:33 pm

Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 11/04/2016 2:31 pm
Guillermo
 Guillermo
Estimable Member

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?

ResponderCitar
Respondido : 11/04/2016 5:08 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 11/04/2016 10:42 pm