How to Deal with Mobile Ad Sizes

[imgamd85]

Hi,

I have got a warning from google for Large Above Fold Ads.

I have placed one responsive ad above the image.

I want to place an ad below the image. But the prolbem is

1) If i place any ad 336x250, 468x60 the mobile users can only see half of the ad and need to scroll to see the entire ad.

2) And when i use responsive ad it takes the size of 336x250 .

Note: I am using resposnive ad above the image. It perfectly fits for mobile and desktop

 

[SMP]

Use the max-height property on code block

 

[imgamd85]

you mean to say i have to edit the size of the height/width after generating the code from adsense?

Or i have to change something in CSS or in Dashboard.

Can you guide?

 

[Rodolfo]

Show us (url) what you have and what you want.

 

[SMP]

you mean to say i have to edit the size of the height/width after generating the code from adsense?

Or i have to change something in CSS or in Dashboard.

Can you guide?

For example,

if your ad code is placed within div block like below

<div class="block-ad">
adsense ad code here
</div>

control the height of box on different screens with media queries like

@media only screen and (max-width:960px) { 
.block-ad { max-height: 250px;}
}
@media only screen and (max-width:480px) { 
.block-ad { max-height: 100px;}
}

use !important property if needed