Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 21, 2016 at 12:22 am #663154
    Sandy

    The Google AdSense plugin is used. The ads look good on desktop viewing, but on mobile they overlap website blog content text. Plus little blue dots appear.

    The issue might be that the div (the parameters of the ad unit) containing the ad is wider than 336 pixels and so the responsive ad is trying to fill to the max width of the div. If so, is there a ‘quick css’ way to increase the height of the div to greater than 280 pixels? Or what else can be done to make sure that the ads don’t overlap content on mobile viewing?

    July 25, 2016 at 1:03 pm #664587
    Andy

    Hey m,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    July 25, 2016 at 5:55 pm #664739
    Sandy

    Thanks. Here it is. View on mobile iPhone to see overlapping ads.

    July 26, 2016 at 10:14 am #665204
    Andy

    Hi,

    use this code inside Quick CSS field:

    .googlepublisherpluginad {
padding-bottom: 31px;
}

    and adjust as needed.

    Best regards,
    Andy

    July 26, 2016 at 4:06 pm #665371
    Sandy

    Yes! Perfect, thanks so much!

    July 26, 2016 at 4:24 pm #665380
    Yigit

    Hey!

    Regarding dots, please add following code to Quick CSS as well

    #top #wrap_all ins:before {
    display: none;
}

    Best regards,
    Yigit

    August 4, 2016 at 4:48 pm #668652
    Sandy

    Awesome, thanks!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘AdSense overlaps blog content on mobile and dots display’ is closed to new replies.