Problemas con slider

[Nashevil]

Buenas tardes,

Me estoy volviendo loco con el slider de la pagina.

Hasta hace poco el slider se veia y ahora no se ve en los moviles (si en PC y tablets).

He probado con varios moviles y exploradores pero en todos no me lo muestra, pero en cambio parece que si que está el espacio donde deberia ir, pero no aparece.

No hubo ninguna actualizacion ni nada raro, de hecho por probar he hecho un upgrade a la ultima version de wordpress y del theme, pero siguq igua, he incluso precargado de nuevo el theme y me hace lo mismo.

Sabeis de que puede ser? la web es http://www.hypealmaximo.com

Muchas gracias de antemano

[Nashevil]

Se me olvido incluir que la version actual es la 4.5.2 de WP y tambien del theme, pero ya anterior con la 4.3 tampoco me funcionaba, he intentado descativar todos los pluguins incluso cambiar de theme a uno nuevo pero me sigue haciendo lo mismo.

Gracias

[almendron]

Es la plantilla. Por algún motivo, cuando el tamaño de la ventana es inferior a número determinado desaparece el slider.
Lo puedes comprobar en http://mobiletest.me/
Ejemplos:
Tu slider en un iPad vertical no se ve. En horizontal, sin embargo, sí se ve.

[Nashevil]

Gracias por contestar almendron;

En una tablet con Android se ve tanto en vertical como en horizontal y sin usar emulador, si no una tablet fisica.

Antes si que se veia, me han avisado ahora.

[almendron]

Muy posiblemente, la tablet tenga más anchura que el iPad incluso en vertical.
También puedes hacer pruebas en el mismo wordpress. La última versión permite ver como queda en dispositivos moviles. Ve al personalziador y allí tienes la opción.

Aquí te dejo más información sobre los problemas que ha traído la última versión de WordPress: https://wordpress.org/support/topic/read-this-first-wordpress-45-master-list?replies=7

[almendron]

Es la plantilla. Por un lado el header se prolonga hacia abajo dejando una capa negra.
En cuanto al slider, no se ve porque tiene asignada una propiedad que lo impide. Y esa propiedad está justamente en la sección «tablets» de u hoja de estilos y que se aplica cuando la pantalla tiene menos de 768px.

.fp-slider, #fb-root {
    display: none;
}

Línea 1520 de style.css
Sustituye «none» por «block» si queires que se vea el slider.

En cuanto al header, esta propiedad es la que hace que se vea negro un buen trozo de pantalla (línea 1467)

#header {
    height: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}

En la propiedad «height» cambia «100%» por «auto».

[almendron]

Ahora bien, yo probaría a guardar una copia de style.css y volvería a subir la original.
Como ves, los problemas son debidos a la hoja de estilos de tu tema.

[Nashevil]

Muchas gracias Almendron, hice los cambios y perfecto, ahora bien, me encuentro que debajo del slider se ve un espacio blanco en el primer post,

[almendron]

Es un problema de difícil resolución porque la propiedad «auto» a la altura de ese elemento no parece que funcione. Si especificas una altura determinada (como está ahora), en algunos se ve bien y en otros mal.

Una solución parcial es buscar la sección @media only screen and (max-width: 768px) y añade lo siguiente:

.fp-slides, .fp-thumbnail {
    height: 200px;
}

Me da la impresión de que la plantilla orginal estaba diseñada para que no se viera el slider en dispositivos móviles.

[Nashevil]

Lo que he hecho (que no se si es correcto) es poner la propieda height en auto.

[almendron]

Parece que funciona bien.

[Nashevil]

Entonces fue correcto poner en auto la altura?

Muchisimas gracias almendron

[almendron]

Al parecer, sí es correcto.
Un saludo.
PD. Marca por favor el tema como resuelto.

[Nashevil]

Marcado como cerrado,

De nuevo muchas gracias

Un saludo