Blog Widget by LinkWithin

How to Remove Blogger NavBar and the Space Above the Header

how to remove the blogger navbar and extra space, how to remove blogger navbarAre you tired of the annoying space just above your blogger blog? This specifically is located right on top of your header. First up is let me teach you on how to remove the blogger navbar so you can relate to this tutorial.

How to remove the blogger navbar:

1. Go to Edit HTML
2. Paste this simple code inside the head section:
#navbar-iframe
{ display: none !important; }

3. Save and you've just eliminated the Blogger Navbar.

Now here is how to remove that extra space on top of your page. Refer to the image to better understand the instructions.

1. Just in the Global section, you can use CTRL-F to find the first outer-wrapper
2. Then look for margin-top: (value)px;
3. Change the (value) depending on how much space you've got. As for me, since it has too much space, I went all the way down to a negative value which is -42. Just do it by trial and error until you feel satisfied on the results.
4. Save it and we're done.

how to remove the blogger navbar and extra space, how to remove blogger navbar
Hi there, reader friends! Comments are closed on this blog. You know, spam. We all hate it. :D If you wanna get in touch with me, please feel free to find me on Twitter or Instagram: @enjayneer

Talk soon!
- Jaypee