All You Need To Know About Earning First $100 from Google Adsense Visit Post

How To Remove Extra Space In Right Side In Blogger Mobile View? - [Solved]

Posted By : Satyendra Maurya | Last Update : 6:21 PM | Category : | |
As you all know Techno Geek Zone is hosted on Blogger and there are many advantage and disadvantage of using Blogger but I love using it. Recently I met with an problem which I have been ignoring from months but today got a solution for it. My problem was that when I used to open my blog on any mobile browser then it opens with some white extra spaces on the right side of the blog. 

The first two pictures shows the problem and third one is after correction of code.

Then I came to know about the problem that I was forgetting to maintain the overflow of the CSS. After some googling I came to know about the problem and fixed it soon. Here is the tutorial for you to solve this problem if it occurs to you too.

Follow all the steps:

>>>Open Blogger.com and open your blog in which the problem persist.
>>>Go to Template and Click on Edit HTML
>>>Press CTRL+F and in the search box search for below code

]]></b:skin>
>>>add the below code above the ]]></b:skin>

body.mobile  {width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
>>>Click on Save Template and Open your blog's mobile version ex: www.technogeekzone/?m=1

That's it you have completed your all tasks and if you have any problem then you can comment and ask your query.

No comments:

Post a Comment

Although every comment is appreciated, Keep in mind that any link or keyword in the comments may be the reason for deletion of your comment. Thanks for understanding!

#Techno Geek Network

#Proudly Hosted on Blogger


DMCA.com Protection Status

©2014-2016 Techno Geek Network | Technology and Science is What You Make It! | Designed by Satyendra