Theme 'DeTube' con pantallas móviles (ayuda)

Saludos!!

Ando montando una web con DeTube y tengo un problema que nunca antes me ha pasado con ningún otro theme para Wordpress.

DONKI 8F | Donki 8F

El caso es que cuando por ejemplo veo la página desde mi iPhone, la página no aparece entera, si no ampliada.

Aparece así:



en lugar de así:



Y al girar la pantalla, tampoco 'encaja' la página en la pantalla viéndose así:



He estado trasteando un poco con los márgenes y alguna otra cosa que se me ha ocurrido, pero nada, no consigo que en el móvil se visualice bien.

A ver si alguien es capaz de decirme en que parte del CSS he de meterle mano.

Un Saludo y Gracias.

Fíjate en el panel de administración del tema, ahi esta la opción de activar la plantilla adaptable (Responsive).

La tengo marcada desde que empecé con el tema.

Jurr, me estoy volviendo loco!!!! :drunk:

Okaro dijo:

La tengo marcada desde que empecé con el tema.

Jurr, me estoy volviendo loco!!!! :drunk:

Hacer clic para expandir...

Analizando tu web, veo que el archivo estilo que se encarga del responsive no se carga (responsive.css). Puede ser por varias razones. Una es que no existe ese fichero, que lo hayas eliminado por error. Otro que lo hayas renombrado y la ruta debería ser corregida.

Esta es la ruta de tal archivo, si te das cuenta no existe.

Tambien tengo ese theme pero la versión responsive no me gusta mucho. Cuando se entra desde un movil si aparece con zoom la pagina y he tratado de modificarlo pero no he encontrado la manera. Se supone que con la etiqueta 'viewport' se soluciona pero no pasa nada de nada.

[MENTION=15300]dooz[/MENTION] Si entras aqui veras que si aparece:

El caso está es que ando con un Child Theme, esntonces ese fichero no lo carga.

Pero si activo el tema DeTube, como bien dice Ismadobe, carga un tema móvil, mas feo que yo. Si quitas la marca de responsive, no carga el tema móvil y se ve al igual que he puesto al principio. Curioso....

Voy a ver un poco el fichero responsive.css a ver si puedo sacar algo de provecho de él, o modificarlo...

Un Saludo.

-- EDITADO CON POSIBLE SOLUCION---

ismadobe dijo:

Se supone que con la etiqueta 'viewport' se soluciona pero no pasa nada de nada.

Hacer clic para expandir...

Gracias a que has comentado lo de 'viewport', que no lo conocía, he ido al header.php y había la siguiente línea:

<meta name="viewport" content="width=device-width, initial-scale=0, maximum-scale=0" />

La he dejado así:

<meta name="viewport" content="width=device-width" />

En mi iPhone4 por lo menos parece funcionar ahora correctamente en Safari, voy a instalarle un par de navegadores más para probar.

Si podéis probar en algún dispositivo móvil os lo agradecería mucho.

Un Saludo.

Desde un moto g se ve perfecto, abarca todo el sitio la pantalla. Desde un galaxy y aparece ampliada.
Igual pasa en mi sitio, creo que en smartphones se ve bien.

Saludos