AdSense Articles

AdSense Tricks : Header or Navigation Does Not Shift Down When Ads Level Page Appears

AdSense Tricks : Header or Navigation Does Not Shift Down When Ads Level Page Appears
Written by iliyas shaikh

Header or Navigation Does Not Shift Down When Ads Level Page Appears.Advance Article of Related AdSense for the Ads Level Page. you can also be modified to appear below. Now we proceed to other modifications that can be applied safely on the blog.

Thank You Very Much For Reading This Articles
www.iliyasshaikh.com

When Page Level Ads appear both above and below, it will push other HTML elements so that their position will shift. Like this example, it will move the header or navigation that makes the element have a distance from the upper limit of the screen.

AdSense Tricks : Header or Navigation Does Not Shift Down When Ads Level Page Appears

Blogger’s people who actually don’t like it when the header is shifted down. Are you the one who likes the header to stay on top or not? If so, please read through the tutorial to make the header position does not drop down due to the Page Level Ads.

How To Fix Header Position Above When Ads Level Page Appears

This trick only requires 1 line of code that isn’t even 30 characters long! Wow!

#1.Make sure you have installed Page Level Ads on the blog or website  first. Then enter the HTML settings and look for the CSS code from the selector body.
#2.Add the following code in it without deleting the existing code:

padding:0px !important;

If there is a property, padding then the value is changed to 0px !important.

#3. The result is more or less like this:

body {
  ...
  ...
  padding: 0px !important;
  ...
  ...
}

#4. Don’t forget to save the settings and check the display ad on the handphone. Yes, right Page Level Ads only appear on the mobile version of the blog.

Why did it happen? This is because there is CSS added automatically by Google when the AdSense script is run. The goal is still good, so that the header is not covered by ads with side effects the position of the blog layout will go down a bit. CSS that is added automatically is a property paddingfor the selector body. Therefore we need !importantthat the padding distance is not affected by the CSS code that Google added.

If successful, the header will remain above and close the Page Level Ads

Already tired of reading from the beginning, it turns out the trick is trivial just like that. Yes indeed, it turns out that the solution of the problem does not always have to be lengthy and complicated. If there is something simple why should it be complicated?

PRO

I think this method should be applied to templates with navigation menus that are on the side and appear in a slide when clicking on a button. With a note of its fixed position using CSS position:fixed. Because if you don’t apply it, it will appear like this image. The header does go down, eh, but why does the menu stay on top though? The open / close menu button closes.

The exception is if the menu has a relative or static position, I don’t need to use this method. But back to each template because the CSS code must be different. Adjust it to your needs. There are also people who use position: fixed but don’t need to use this.

COUNTER

As mentioned in the previous paragraph, the position of the header will remain above and closed Page Level Ads. Maybe for visitors even look strange, some even assume the header and menu are missing (personal experience). Even though it’s only closed.

How to prevent the navigation header from shifting down due to Page Level Ads is safe to apply because it only slightly modifies CSS. Do you want to apply or not? Everything depends on taste.

Okay, that’s all for tips on www.iliyasshaikh.com for the How to AdSense Tricks : Header or Navigation Does Not Shift Down When Ads Level Page Appears. If you are still confused about the steps, we can discuss it in the comments column. Thank you and respect.

AdSense Tricks : Header or Navigation Does Not Shift Down When Ads Level Page Appears
5

AdSense Tricks : Header or Navigation Does Not Shift Down When Ads Level Page Appears

Header or Navigation Does Not Shift Down When Ads Level Page Appears.Advance Article of Related AdSense for the Ads Level Page. you can also be modified to appear below. Now we proceed to other modifications that can be applied safely on the blog.Thanks and Regards www.iliyasshaikh.com

About the author

iliyas shaikh

A passionate blogger and Graphics Designer, timely efforts, and dedication are the key protocols that keep me succeeding. I love to share information about Blogspot,WordPress, SEO, Social Media Marketing, Affiliate Marketing, Make Money Online, Digital Marketing and much more.

Leave a Comment