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

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.

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email