Header AD not responsive

Hi,

my header ad is not responsive on desktop. It will cover my logo if I make my browser window smaller. Is there something I’m missing in the settings?

hi,
what type of ad are you using? google ad or something else.
if is google ad , should be responsive, probably a plugin conflict, try to disable all the plugins and try again.

if is not google ad then use :

<div class="td-visible-desktop">
<a href="#"><img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/ads-728.jpg" /></a>
</div>

<div class="td-visible-tablet-l">
<a href="#"><img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/ads-468.jpg" /></a>
</div>

<div class="td-visible-tablet-tp">
<a href="#"><img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/ads-468.jpg" /></a>
</div>

<div class="td-visible-phone">
<a href="#"><img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/ads-300.jpg" /></a>
</div>

here: http://screencast.com/t/IvNd9x1L

Thanks for you message.
Radu A.

• This reply was modified 12 years by Radu A.

Hi,

I tried to disable all my plugins but no change. And yes, it’s google adsense.
My site: http://phunrise.com/

hmm…ok
Thanks.

FYI:
it’s against Google policy to “reload” a banner on a page with resize, hence why you can’t do the “drag browser” in to see the ad change. You have to launch a new “visit” at the size you test with to launch a new session cookie and “ad serving” for that “instance.” This is particularly and specifically for image-based ads or fixed-layout text-ads.

The *NEW* text-ads being developed by Google with rolling-slide animations via CSS3/Ajax, etc. may be able to resize with the viewport, but the way Google provides the “responsive adsense code” is to serve different code block PER VIEWPORT or BREAKPOINT.

Anybody really curious about this topic should read Google’s complete AdSense webmaster guidelines/requirements (“LAWS”) since they are really specific about that stuff.

Upshot: things work correctly if you resize your screen from wide to narrow, and the ad stays wide — it’s still the same session/cookie/ad unit. You would have to refresh AFTER you resize to get a new session/cookies/ad unit at the NEW size.

Just my input on this since I had to suffer this last year when we built our own responsive wordpress theme and had to do custom javascript to swap out the 300×200 to 250×250 for vertical ipad so it wouldn’t break the page layout.

Google is working on this stuff … but it’s still a bit newish. They were a bit late to the party on “responsive” stuff.