- This topic has 10 replies, 2 voices, and was last updated 11 years, 5 months ago by pele.
-
AuthorPosts
-
October 25, 2012 at 4:51 pm #1356peleParticipant
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
October 26, 2012 at 4:21 am #1359peleParticipantactually 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 deviceOctober 26, 2012 at 5:53 pm #1365SakinKeymaster@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.
October 26, 2012 at 7:08 pm #1369peleParticipantsure give me a min
October 26, 2012 at 7:13 pm #1371peleParticipanthere 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
October 26, 2012 at 7:18 pm #1373SakinKeymaster@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.
October 26, 2012 at 7:24 pm #1374peleParticipantOk 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
October 26, 2012 at 7:25 pm #1375peleParticipantif 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
October 26, 2012 at 7:31 pm #1376SakinKeymasterHi 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; }
}
October 26, 2012 at 7:59 pm #1380peleParticipantOk 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
October 26, 2012 at 11:30 pm #1382peleParticipantah awesome – i see what your method does thats excellent 🙂
many thanks for the excellent quick support and awesome theme ofc 🙂
-
AuthorPosts
- The topic ‘How to enable ads or adsense ?’ is closed to new replies.