How to Remove the Upper Space Left After Removal of NavBar in Blogger.

We are often came to a situation where we need to remove the upper navbar in blogger. yet there are so many benefits for navbar in blogger but people mostly do not like it to appear on their site. After Removal, It Looks like a professional website. and that's the most webmasters needed.

Click Image to Enlarge

Now, If You also want to remove the navbar then go ahead....

But what if there is a space left after doing that action. As shown in picture.



Then, Lets...Go......We are gonna do the magic of coding.....

Just Go to Your Template Designer ->Edit HTML

Don't Click on " Expand Template Widget "

After Template Code Appears, Press ctrl+f and Search for </head> tag.

Now....Copy the Given Code...

<style type='text/css'>
.content-inner
{
margin-top: -60px !important;
}
</style>

and Paste it just above the </head> tag.

After Pasting...The Code looks like this.....

<style type='text/css'>
.content-inner
{
margin-top: -60px !important;      
}
</style>
</head>

Now, Don't Save the Window....Just Click Preview the Template Button at the Bottom and see the changes by changing the "margin-top " Value to the desired value. Save the template when you are done.

That's It......