How To Change Blogger Mobile Page list From Drop Down Menu To Web view

Blogger default templates on mobile must surely give you a drop down menu page list, instead of webpage view. This has really made it difficult for some visitors to reach your contact or about page, untill they scroll down to the footer of your blog if you have added the contact link there. Google AdSense is another important thing to consider, because placing ads below a drop down navigation is a violation of AdSense policy. Well, you can change the drop down page list on mobile view and let it display the same way it appears on web view. This tutorial will guide you on how to do so. How To Get Started Before you get started, please, BACK UP YOUR TEMPLATE in case you mess up some of your blog's code. ==> Go to "Template" > 'Edit HTML' and search for Scroll down and look for the following codes : ▼ ==> Once you find the above codes, replace them with the codes below:

==> Click "Save Template" ==> Go to "Template " > " Customize" > "Advanced " > "Add CSS" ==> Copy and paste the code below, in the "Add CSS" box .mobile .tabs-outer { color: #333; text-align:center; width:auto; overflow:hidden; margin:0; padding:0px 0px 0px 0px; } .mobile .tabs-outer span a { color: #fff; padding:0 7px; margin:0; } .mobile .tabs-outer span a:hover { text-decoration:none; color: #fff; font-size:1.0em; padding:0 5px; margin:0; } ==> Click "Apply To Blog " That's all. View your blog on mobile and you should see that the drop down menu displaying as it does on web view. I hope it helps?