Adsense Ads in Sidebar Cut Off on iPad

Sparkling
1

Sparkling is a great theme but I am having a problem with the page layout.

On the desktop everything looks fine but not so on the iPad.

The Adsense Ads overflow the edge of the sidebar and are not displaying fully (see attached screenshot).

How can this be resolved?

2

Hi,

Fixing this issue is very simple. optimise your adsense ad code.

set width:300px;

Example below:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 320wali →
<ins class=“adsbygoogle”
style=“display:inline-block;width:300px;height:280px”
data-ad-client=“ca-pub-6757682057927671”
data-ad-slot=“6188025710”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

3

@supertrooper Have you tried using the solution shared by @rax22 in the above reply?

4

The only problem with this approach is that the ads are then too small on the desktop browser. In the meantime I discovered that Google AdSense now offers “Responsive Text and Display” Ads. These ads adjust themselves to the space available.

This means that with a responsive theme like Sparkling, which adjusts its width according to the device, the ads also adjust automatically to match the width on the device.

Thanks for your great support.

5

You are always welcome here :slight_smile: