Activar theme para smartphones

[ACALU]

Hola,

Al entrar en la pagina del creador del theme que le tengo puesto al blog (http://www.ufothemes.com/themes/hyperspace/) vi que tenia una plantilla para visualizarlo en los smartphones, y de hecho en el css viene codigo para esto, como por ej:

Código:

/* =Responsiveness: Mobile (Portrait)
================================================== */

@media only screen and (max-width: 767px) {
	.container {
		width: 300px;
	}

	article .post-desc {
		width: 100%;
	}

	#left {
		width: 100%;
		padding: 14px 0 0 0;
	}

Pero a la hora de meterme desde el movil se ve como una web nomal, sin el theme adaptado. ¿Como puedo activarlo para que se vea bien en los moviles?

Un saludo.

[pzin]

Si la web en la que quieres hacer que funcione es la de tu firma, yo creo que no funciona porque usas imágenes grandes y, esto hace que article no se reduzca a 100% y, esto a su vez también evita que .container pase a ser 300px. Ya que, si te fijas, el menú cambia de tamaño y se adapta a la pantalla del móvil (en realidad puedes ver el efecto haciendo la ventana del navegador más pequeña).

Lo que tendrías que hacer, es aplicar otra regla para las imágenes. Por lo pronto se me ocurriría poner imágenes con un max-width de 100%.

[ACALU]

Estos son los trozos de codigo que he encontrado respecto a lo que has dicho:

Código:

/* BASIC */

img {
	max-width: 100%;
	height: auto;

Código:

/* SIGNLE POST */

article .post-desc {
	width: 100%;
	float: left;

Código:

/* =Responsiveness: Desktop
================================================== */

.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

He hecho mil combinaciones, al igual que el trozo de codigo que viene para la platilla del movil, pero no doy con la tecla

No damos soporte a themes premium.

Gracias por volver a abrir el hilo al decirte que era gratuita la plantilla

Un saludo.

[pzin]

Según yo lo veo con Chrome, se ve bien.



El único fallo que veo, es cuando hay dos imágenes con la leyenda. Mirando el código, creo que así podrías solucionarlo.

Código CSS:

.wp-caption {
    max-width: 100%;
}
 

[ACALU]

Muchas gracias, ahora si que se a achicado la columna con el texto e imagenes y se adaptan a la cabecera Ayer modifique tambien ese valor, pero como estuve tocando varias cosas a la vez no me funcionaba, hoy lo he probado y se ha arreglado, ya no lo toco mas por si acaso jejeje

La unica cosa que le encuentro es que (utilizando Opera mobile, ya que la version de Chrome pone que no es compatible con mi dispositivo... un Nexus one) se ve toda la pagina la mitad de chico, es decir, como en una columna a la izquierda, que si hago zoom se adapta, pero de primeras no se ve bien. Lo he probado con el Navegador predeterminado de Android y ahi si que se ve bien sin tener que hacer zoom. ¿Porque puede ser esto?

Otra cuestion es que en el navegador del pc se ven las tildes y las ñ de manera correcta, pero en el navegador del movil (tanto en Opera como en el predeterminado) se ven con simbolos raros. El caso que en la captura que as puesto se ven bien

Un saludo.

[pzin]

La verdad no sé como funciona Opera Mobile. Respecto a lo de las tildes y eñes, revisa que esté bien la codificación, aunque si yo lo veo bien debería de estarlo.
Yo estoy teniendo unos problemas para ver algunas fuentes en Safari (para móviles) y no sé si vendrá por el uso de @font-face. No creo que tenga nada que ver, pero si veo algo te digo.

Aclaro que la captura que puse está hecha desde el ordenador, no de ningún móvil.

[ACALU]

El tema de las tildes, ñ y demas caracteres especiales (que en algunos navegadores se veia bien y en otros no) ya lo he solucionado: en header.php en la linea que ponia "charset" la he sustituido por esta otra:

Código PHP:

  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
   

El unico tema que me queda por resolver con la plantilla del movil es la que comente que me pasa al menos con el Opera mobile, que la columna se queda a la izquierda como muestro en la imagen:



Si alguien sabe porque pudiera ser o como solucionarlo que lo comente por favor.

Un saludo.