Remove Empty Space Above Blogger Header

After we remove Blogger Nav Bar there a large empty space above header which is very bad looking and irritating. We can also use this space by showing menu bar or social bookmarking buttons. Now let's see how to remove empty space above blogger header.

Step 1: Sign in to your Blogger account & Go to Template >> Blogger

blogger edit html


Step 2: Search for </head> tag using Ctrl+F



Step 3: Now paste the following code just above the </header> tag.


<style type='text/css'>
.content-inner 
{ 
margin-top: -40px !important; 
}
</style>
Step 4: Click Save & you are done.

Customization: Here I have given 40px in margin-top. You have to change the value as much as you want to remove the space. Refresh your blog & See which value gives you expected result.
Previous
Next Post »

2 comments

Write comments
dirt fishing
AUTHOR
July 26, 2015 at 4:30 AM delete

tried many other suggestions from other bloggers, yours worked first try...kudos!

Reply
avatar
September 9, 2019 at 4:10 PM delete

Thank you for the links, it's very interesting. I will definitely come to the site.

Reply
avatar