I wonder if anyone could help me with this:
I am trying to implement an Adsense code into my site. I have Simpleportal installed. I am trying to place the Adsense code into a Simpleportal Top block. For this, I created a custom HTML block, and set it to appear in the TOP block. Unfortunately, the result is that the banner is not aligned properly. I set it to be centered, but the banner appears slightly off centered. The first element in the hierarchy that the Adsense script creates (<ins class="adsbygoogle") is in the proper position that I set for it. However, all child elements are out of position. You can see it on the first two photos I attached (offc1 offc2). Interestingly, however, when I place the same code to a Simple Portal Header block, the banner will be properly aligned. See the third photo attached (offc3).
Does anyone have an idea why the code doesn't work correctly in the Top block?
So here are the photos and my code:
<div style="text-align:center;margin-bottom:10px;">
<div style="
max-width:729px;
display:block;margin-left:auto;margin-right:auto;
text-align: center;">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block;height:110px;"
data-ad-client="xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxxxxxxxx"
data-ad-format="horizontal"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>