Remove Space Occupied By Navbar After Removing It



In my previous post, I explained about How to remove the blogger top banner? But after removing the navbar, still it leaves extra space occupied by Navbar. Means navbar get disabled but space occupied by it is still there. So follow these steps for removing that extra space:
  • Log in to Blogger.
  • Go to "Design" tab from the top tab bar under your blog's name.
  • Go to "Template Designer" and choose the "Advanced" tab from the upper left.
  • Scroll to the bottom of the list of options and select "Add CSS"
  • In "Add custom CSS" type:
    #navbar-iframe {display: none !important;}body .navbar {
    height:0px;
    }
    .content-outer {
    margin-top:0px;
    }
  • Click "Apply to blog".
  • That's all, it will remove the Navbar and extra space occupied.

Sharing is Caring

Related Posts

Previous
Next Post »

18 comments

comments
August 17, 2011 at 3:16 PM delete

very good info, clear and to the point. It worked! thanks

Reply
avatar
October 24, 2011 at 11:41 PM delete

Thanks Again Buddy ! at last my problem is resolve ! :)

Reply
avatar
December 10, 2011 at 12:27 PM delete

@sonimdinesh.. It must work, r u following the above procedure??

Reply
avatar
March 24, 2012 at 12:08 PM delete

thank you very much..♥♥♥

Reply
avatar
April 16, 2012 at 9:06 PM delete

I just became alert to your blog through Google, and found that it's truly informative. I’m going to watch out for brussels. I will be grateful if you continue this in future. Lots of people will be benefited from your writing. Cheers!
Click Here : My Top Blogger Tricks

Reply
avatar
Anonymous
April 20, 2012 at 9:43 PM delete

awesome. i tried so many tricks and your did it just like that!

Reply
avatar
April 22, 2012 at 1:32 PM delete

Just the trick I was looking for! Thanks

Reply
avatar
July 5, 2012 at 3:57 PM delete

shukriya harwinder ji.. i was in search of it since i am using blogger

Reply
avatar

Thank you for your comment.