Responsive Ads Stretching Page

Hi bluetulisa,

thanks for reaching out.

I have not seen the responsive ad units from AdSense to extend content and would be happy to take a look. Unfortunately, the links you posted are leading to nowhere or unrelated sites.

> is it possible to restrict numbers of ads under Auto Ads?

While you cannot set a specific number, you can go to the Auto ads settings in your AdSense dashboard and make a few adjustments. There is a general option to increase or decrease the number of ads on a page in the Auto ads preview.

Best regards,
Thomas

Hello Thomas,

Many thanks for your reply. Not sure what went wrong with the link, but I will attach some screen shots.

I have since found something odd: on Safari, Auto Ads does not inject any adverts. But, the Responsive Ad at the top of the page displays correctly. I have an Adsense ad in the sidebar. Here is a screenshot of that:

https://ibb.co/gSHjYPr

In Chrome, I have noticed that the Auto Ads did not inject anything into the post, but once I inserted the Responsive Ad at the top, they started showing up, but too many of them. The responsive ad shrinks the sidebar and also the Adsense in the widget disappears and does not load:

https://ibb.co/vP80ptV

I suspect the Ad code may be taking the Adsense ads in the sidebar and putting them into the post (which is why there are too many).

Anyway, thanks for any help you can provide.

Hi bluetulisa,

thanks for your reply and for the screenshots.

Would it be possible to post the URL to the website so that I can see it for myself? While I cannot influence the behavior of Auto ads, I could take a look into the source code to identify the ads. This often gives the next valuable clue.

Best regards,
Thomas

Hello Thomas,

Thanks for your reply.

Please see the URL here:
https://www.profitwarning.co.uk/2020/03/09/mind-gym-share-price-dives-30-as-virus-fears-mount/

Hi bluetulisa,

thanks for sharing your URL.

I tested your site in Safari and Chrome and it looked the same. I saw two ads in the sidebar and one at the top of the content. Occasionally, I saw an auto-injected AdSense ad as well.

I was confused by your second screenshot until I decreased the size of my screen and saw it for myself. It looks to me like that is intended or broken behavior of your theme and the ad is not causing it. At least it didn’t resize when I removed all ads from the content in my browser.

Could I ask you to test different browser sizes yourself to confirm if that could be the issue?

Best regards,
Thomas

Hello Thomas

Thanks for your reply.

Have tested on several other browsers such as iOS and Edge, it seems OK.

It does seem really strange. When I use the link above myself, the ads display correctly. But on other pages I get the same result with the ads stretching out too far.

I asked the theme dev, and he said it looked as if the fault is with the ad, as it was calling for a 1200px width.

Is it possible with responsive ads to make a maximum width? Or alternatively to disable it just for Chrome?

• This reply was modified 4 years, 11 months ago by bluetulisa.

Hi bluetulisa,

I looked closer at the loaded ads and now believe that they might be responsible. Usually, Auto ads are fully responsive regarding the main content. In your case, AdSense may determine the available ad space at a point when the theme was not fully loaded and has a larger width.

To solve this, you can either add a CSS rule to the main content container telling it not to exceed a certain width or a rule for all Auto ads to tell them something like that. Such a rule would look like this:

.adsbygoogle {
    max-width: 640px;
}

I took 640 from what I think might work best in your theme.

If you don’t know how to add custom CSS to your site then please see this tutorial.

Best regards,
Thomas

Hello Thomas,

Thank you for that. This seems to work well! I might experiment with the size, as it seems no image ads are displaying, only text-based ads.

One side effect seems to be that if another auto-ad appears further down the page, it is centre-aligned. This overlaps the sidebar now, but does not resize it.

Would it be possible to use CSS to have max height and also align the ads to the left?

Hi bluetulisa,

I am happy to read that we are making progress.

I cannot see a change on your site so I guess you reverted it.

Auto ads use the full width by default. It is possible that the solution I sent does not cover everything. I fear that you might not be possible to control their alignment or height at all.

What you could try is to limit the width of the main content container. If my theory is correct then setting max-width to that container might help to prevent the Auto ads from covering space outside the container. Unfortunately, I cannot provide a single rule for this since the theme is responsive and might need different values for different media query blocks. If you don’t have a frontend developer around then maybe the theme developer could assist you.

Best regards,
Thomas

Hello Thomas,

Thanks for your work on this, I really do appreciate it!

I think you are right regarding the auto-ads. Strangely enough, I did not have a problem with it when placing 728×90 manual ad, but these did not appear on mobile.

I will ask the theme developer, hopefully we can get a solution.