Solution: More Posts & Posts Links not working with Adsense Anchor ads on Touch screen mobiles in blogger

Problem Statement: Whenever anchor ads are loading in mobile More Posts link is becoming dead and also other links such as Title of posts in feed along with the Keep Reading link is becoming unresponsive to touch and thus users are unable to browse site properly.

So coming straight to solution: I have seen this happening only when something is having z-index more than the other elements on the page in this case when anchor ads were loading it seems like the z-index for the anchor ads was overriding the z-index of page elements itself leaving them unresponsive to touch though they are working completely fine on clicks over computer system ,so to fix this I added a small piece of CSS style="z-index:1000!important;" to the element or More Posts link so that in the page DOM layer it comes just at place where both Anchor ads and More Posts remains clickable without clashing with each other.

Please find the screenshots below for your reference to find where the changes has to be made and how it was verified that the change has actually got implemented:

  1. Go to blogger dashboard>>Theme>>Edit Html
  2. Jump to Blog1 widget using the jump to widget option from menubar in editor.
  3. Find the section near it as shown in the screenshot below which says   <b:includable id='nextPageLink'>

  4. Add style="z-index:1000!important;" and save changes.

  5. Clear your browser cache and cookies & reload the site to see if its working or not, now for me the value 1000 for z-index worked but it may not work for you due to some other customization's that you might have introduced in your template so try for some higher values in that case.
Note:Please take a backup of your template before making any changes as sometimes missing even a small thing makes site non-responsive and you might not want to loose your past improvements\customization's on your site

Comments

Popular posts from this blog

Enabling fixed Sidebar for blogger Contempo template for screen sizes smaller than 1440px

Adding copy to clipboard button to every google code prettify pre blocks in blogger

Adding code prettify to Blogger