Shivam Pandey

@diggeddy I have been waiting for your reply for 3 days.

Hi Leo,
hope you are fine.

Can you please suggest me a Social Media Follow Widget plugin. Which is lightweight and doesn’t slow down my website.

This code is working perfectly.
Thank you very much, David ??
Cheers! ??

Hello David,
This CSS code is also not working so I created a fixed size 728×90 leaderboard Adsense Ad and got my desired result but there is no space between the primary navigation menu and the Adsense ad. I want some space between the Adsense ad and the primary navigation menu. You can see the image below.

David, nothing happens after applying this CSS code. I also cleared the website cache and check in the incognito window.
You can see the image below.

I want to show Google AdSense Ad below the navigation menu like the image below.

Please help me to fix this problem.

David, is there any CSS code that will define the width and height of the container, so the Adsense ad will be showing in the leaderboard 728×90 size on the desktop and responsive size on mobile. Please help me…

David, I cleared the cache once again and I see that the AdSense Ad is showing inside the container and it is perfectly center aligned. As I already told you that I am using AdSense Invalid Click Protector (AICP) plugin, so I need to wrap the AdSense ad code within a simple div tag like this <div class=”aicp”>…adsense code goes here…</div>

So can you please check that the below code syntax is okay without any problems or errors?

<div class="grid-container header-advert">
<div class="aicp">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Header Ads 2 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0123456789101112"
     data-ad-slot="9876543210"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>

David, you can check now, I have cleared the website cache and please read the above message once again, because I have updated it.

David, below I mentioned a sample Google AdSense code, have I add the code correctly inside the container.

Note: I am using AdSense Invalid Click Protector (AICP) plugin to protect my Google AdSense account from unusual invalid click activities and click bombings so I need to wrap the AdSense ad code within a simple div tag like this <div class=”aicp”>…adsense code here…</div>

So is the below code is okay without any error?

<div class="grid-container header-advert">
<div class="aicp">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Header Ads 2 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0123456789101112"
     data-ad-slot="9876543210"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>

• This reply was modified 4 years, 7 months ago by Shivam Pandey.
• This reply was modified 4 years, 7 months ago by Shivam Pandey.

Hi David,
I have added Adsense Ad code via a hook (after_header).

• This reply was modified 4 years, 7 months ago by Shivam Pandey.
• This reply was modified 4 years, 7 months ago by Shivam Pandey.

Hi Leo,
You haven’t understood the problem correctly.
I have recently added Google Adsense ad code below the primary navigation menu, but the ad is not showing properly. The ad is showing too large and does not align in the center.
You can see the image below.

According to me, we have to add CSS code to define the width and height of the container to fix this problem. 728 x 90 Adsense header ad looks good on the desktop so please help me to fix this problem.

Hi David, Thank you so much for your awesome support.
My problem is solved. Thank you again!

God bless you ??

Hi Tom,
hope you are fine.

After applying this CSS code, the distance between the Footer Menu or the Push Notification Bell Icon and the Back to Top button are slightly high. You can see the image below.

So I applied below CSS code and I got my desired result, so is the below CSS is okay?
Could you please check this?

@media (max-width: 768px) {
    .site-info {
        padding-bottom: 40px;
    }
}

You can see the image below, now it is showing perfectly on mobile view.

Thanks and regards
Shivam Pandey

It looks good but the Push Notification Bell Icon and the Back to Top button are overlapping the footer menu. You can see the image below.

After applying this CSS code it looks perfect on desktop view. You can see the image below.

But in the mobile view, it does not look good. You can see the image below.

I want to show like this on mobile.

Please help me to fix this problem, David.

• This reply was modified 4 years, 8 months ago by Shivam Pandey.