[pele]

Hi,

I was wondering if its possible to enable/show adsense on the catchbox theme, so that ads are viewable from a mobile device ?

Thanks in advanced

[pele]

actually i now see ads enabled but there is a prob when it comes to using adsense ads

Mobile adsense is fine and displays fine from a mobile device.
but regular adsense does not display well from a mobile device

[Sakin]

@pele: can you add in the regular adsense and send me your site URL. Then I will check it on mobile devices and see the issue. If you can then you can send me the mobile device screenshot.

[pele]

sure give me a min

[pele]

here is the mobile screenshot – you will see the big yellow box (which is a adsense leaderboard not active yet – but its a example)

This extends right out and the mobile margins do not re-size, in which i am forced to use mobile banners to have everything lined up correctly

http://i.minus.com/jbip8KRA2YHQPm_e.jpg

Website : blackandroidtheme.com

[Sakin]

@pele: In your screenshot what is the issue. Can you explain as I am not fully aware of mobile ads. So, I am trying to give you css so that you can make the regular ads responsive.

[pele]

Ok the first ad you see is a mobile adsense banner

the second ad you see is a regular adsense banner which is 320 x 50 to fit when viewing the page site from a mobile device.

the next ad u see is what a 728 x 90 leaderboard adsense banner which does not fit the screen correctly when viewing site from a mobile device

[pele]

if u look now from a mobile device at blackandroidtheme.com you will see the leaderboard adsense banner active. You can see for yourself how it looks

[Sakin]

Hi pele: There is one css trick you can use it.
For Regular Ads, wrap the ads code with regular wrapper div. For example:
<div class="regular-ads">Add in your regular ads script</div>
For Mobile ads, wrap the ads code with the mobile wrapper div. For example:
<div class="mobile-ads">Add in your mobile ads script</div>

Then you can use the “Custom CSS” box in your theme option to show and give the div in various devices:
For example:

/* For Regular */
.mobile-ads { display: none; }
/* For Mobile view */
@media screen and (max-width: 767px) {
.mobile-ads { display: block; }
.regular-ads { display: none; }
}


[pele]

Ok I will give this a shot in about an hour. Hopefully you will still be available to assist should I run into any difficulties.

ThanksThanks

[pele]

ah awesome – i see what your method does thats excellent 🙂

many thanks for the excellent quick support and awesome theme ofc 🙂

[Author]

Posts