How To Remove Navbar Space - Blogger - Free Computer Tricks

Free Computer Tricks

Technology Tips and Tricks Portal

Post Top Ad

How To Remove Navbar Space - Blogger

Share This
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.

No comments:

Post a Comment

Please Share Your Thoughts

Post Bottom Ad