Problema de tamaño con banner en tema responsivo

johnlocke · 9 Jul 2014

Lo que sucede es que el theme que uso en si es responsivo pero el banner que puse en el header no ajusta su tamaño cuando visualizo la pagina en dispositivos celulares, esta es la pagina en cuestion: gracias de antemano!

BlogsPopuli · 9 Jul 2014

Has probado los banners adaptables? Yo los suelo poner para themes responsive

johnlocke · 9 Jul 2014

BlogsPopuli dijo:
Has probado los banners adaptables? Yo los suelo poner para themes responsive

gracias amigo, lo hie y funciono pero ahora los anuncios no se muestran en mi desktop,solo se muestran el movil. por que sera?

BlogsPopuli · 9 Jul 2014

Yo los veo, sidebar y bajo el título. Falta alguno más?

johnlocke · 9 Jul 2014

BlogsPopuli dijo:
Yo los veo, sidebar y bajo el título. Falta alguno más?

si, falta el del header... en el movil si se ve pero en desktop nada...

Flix · 9 Jul 2014

[MENTION=26269]johnlocke[/MENTION] Si al momento de configurar tu anuncio estás usando el modo de tamaño automático, cambia a avanzado y modifica los valores.

Yo uso estos y me funciona bien:

<style>
.div-adaptable-head { width: 320px; height: 50px; }
@ media(min-width: 500px) { .div-adaptable-head { width: 468px; height: 60px; } }
@ media(min-width: 800px) { .div-adaptable-head { width: 728px; height: 90px; } }
</style>

Eso quiere decir que en smartphones se muestra el anuncio de 320x50, en tablets el de 468x60 y en desktops el de 728x90, pero tú puedes cambiarlos a lo que mejor te convenga, pero creo que esos te van bien. Cuando yo usaba la opción automática que marca adsense como "recomendada" me pasaba lo mismo que a ti.

Espero que te ayude.

Yamilalegria · 9 Jul 2014

Tengo el mismo problema pero en blogger alguien sabe que hacer?

johnlocke · 9 Jul 2014

Flix dijo:
[MENTION=26269]johnlocke[/MENTION] Si al momento de configurar tu anuncio estás usando el modo de tamaño automático, cambia a avanzado y modifica los valores.

Yo uso estos y me funciona bien:

<style>
.div-adaptable-head { width: 320px; height: 50px; }
@ media(min-width: 500px) { .div-adaptable-head { width: 468px; height: 60px; } }
@ media(min-width: 800px) { .div-adaptable-head { width: 728px; height: 90px; } }
</style>

Eso quiere decir que en smartphones se muestra el anuncio de 320x50, en tablets el de 468x60 y en desktops el de 728x90, pero tú puedes cambiarlos a lo que mejor te convenga, pero creo que esos te van bien. Cuando yo usaba la opción automática que marca adsense como "recomendada" me pasaba lo mismo que a ti.

Espero que te ayude.

Gracias por la ayuda colega!
disculpa mi desconocimiento, pero donde se supone que debo meter ese codigo?

1:

Flix · 9 Jul 2014

En el mismo lugar donde pusiste el que tienes ahorita, sólo reemplázalo por tu nuevo código... el que yo te puse es sólo la primera parte del código avanzado, el completo tú debes generarlo desde tu cuenta de adsense... vas a mis anuncios --> crear anuncio nuevo --> anuncio adaptable y ahí usa la opción de configuración avanzada (no la automática), la copias y pegas en tu portapapeles y ahí modificas los valores de acuerdo a la medida de anuncio que quieras según cada dispositivo.

Puedes usar los valores que te puse de ejemplo y te quedarán bien para tu header. Una vez que pongas esos datos ya sólo copias y pegas el código completo en donde tenías el otro.

Saludos