Remove Empty Space Left After Removing Blogger Navbar

Empty Space After Removing Navbar : After removing navbar from your Blogger blog, an empty space left on your Blogger header. Because navbar occupying some space on the top of Blogger blog. So after removing the navbar, an empty space left at that navbar position. That empty space gives ugly look to your Blogger blog. So it is better to remove empty space left after removing navbar on your Blogger blog.

How to remove empty space left after removing navbar on Blogger blog.

In this post I'm explaining about how to remove empty space left after removing navbar from your Blogger blog. It is easy to remove empty space with simple change in your Blogger template code.

Follow below steps to remove empty space left above header after removing navbar:

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search  .header-outer {     in your blogger template code.
Add below line before closing tag (}) of above line

margin-top: -30px ;

I.e : 
.header-outer {
------------
------------
 margin-top: -30px ;
}

Step 5 : Click on Save template

Now empty space above header will successfully removed on your Blogger blog. Don't forget to remove empty space immediately after removing Blogger navbar.

No comments:

Post a Comment