How To Remove Navbar Space - Blogger

While you removing the blogger navbar, the extra space occupied by navbar will be there. That Means navbar get removed but space occupied by it will be there. Have a look at these two screenshots, Before and After entering the custom CSS code, you will know the difference of removing the navigation bar. So to remove the navbar space follow these steps below.

Remove Navabar Blogger (Before)

Steps:

• Log in to Blogger
• Click on your blog, which one you want to edit
• Go to "Template" from the left panel
• Click on 'Customize' The blogger Template Designer will Open
• Click on 'Advanced' then scroll down and click on Add CSS
• And add the below code (One of These Two) in Add custom CSS

 #navbar-iframe {display: none !important;}body .navbar {
    height:0px;
    }
    .content-outer {
    margin-top:0px;
    }

or 

#navbar { height: 0px; visibility: hidden; display: none;}

Remove Navbar Blogger (After)

After adding the code you can see a preview of your template just below to the Add custom CSS box.Then Click "Apply to blog", that's all now your navbar extra space will be removed.