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.