Remove empty space left on top after removing navbar from blog

This tutorial will show you how remove the empty space on top after you removed the navbar, the empty space on top after removing the timeline doesn't look so good and thus many people want to remove it as well, show let's start.


Removing the navbar was an easy one and but the empty space left there was not too good, some people want their blog/website header to stick on top (see mine), and if you want like that too you just have to copy-paste some codes from here.



I have tested it with my own test-blog and after getting positive result i am going to teach here. Although it was a 2 minute job to test and make it work so that was not too big deal for me.

I will teach you step-by-step so it will be easy for you to understand.


The CSS code i will use to remove the empty space on top is very small but works good to make a blog look more professional.


  1. Login to your blogger account
  2. On Blogger dashboard select Template tab
  3. Now you should be on the Template tab, click on Edit HTML and then Proceed
  4. Using your browser's search feature (default CTRL+F) search for </head>
  5. After you found </head> in the template code of your blog paste this small line of code above </head>

<style type='text/css'>
.content-inner 

margin-top: -60px !important; 
}
</style>

After you paste this code above </head> preview the template, if you want to adjust it, you can change the -60px to your desired value. Save it and view it.

Related Post: Remove the Navbar from blogger blogs