Saturday, April 08, 2017

How to Hide or Remove Blogger Navbar in Blogger

How to Hide or Remove Blogger Navbar in Blogger

How to Hide or Remove Blogger Navbar in Blogger: I recently designed a Picture Window blogger template for my Blog. But i noticed this Navbar at the header of my Blog. Some of you may not like it and have been looking for a way to get ride of it.

Check Also: How to Hide Quick Edit and Wrench Icons with CSS in Blogger

Actually you can remove it manually. But using this feature will only off it but the shadow will still be there. When you add a Menu to that navbar or Floating Notification bar to that Navbar. you noticed that there is still some space between your menu and the navbar. Though the menu is added at the navbar. That is to say that you only hide the navbar but have not completely remove it from your Blog.

That is why the shadow still appear there. But you don't have to worry cause i will show you How to Remove/Hide Navbar on Blogger.

Follow Below steps on How to Remove/Hide Navbar on Blogger.

Check Also: How to Disable Copy and Paste in Blogger Posts

First go to Blogger.com >> your site >> Template >> Edit HTML >> Proceed. Now within the coding of your template search for the]]>tag and just above it paste the following CSS coding.

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

Click save and visite your Blog. To see the navbar space gone.

Check Also: How to Block Spam Comments in Blogger

Remember to Grab the Post URL and other links to share on your Blog and social media as well. All comments are well appreciated.
How to Hide or Remove Blogger Navbar in Blogger
4/ 5
Oleh

Subscribe via email

Get our latest updates straight to your inbox.