How to Remove the Blogger Navbar

Do you have a Blogger blog? Are you looking to take your blog to the next level? If so, you may be interested in this upgrade.

If you notice on other professional blogs and sites, they lack what all Blogger blogs come equipped with- the Navbar. While this is meant to be a handy feature on a site, it definitely isn’t necessary. Without it, you’re not missing much and get to enjoy a better and more professional aesthetic. Check out my two step process in obtaining a more seamless look!

1. Head over to Layout. Click on ‘Edit’ of the Navbar container. Turn off the Navbar.

You’ll now notice there is a gap between your header or pages navigation bar. To remove this all you’ll need is this bit of CSS:

                                                                              .content-inner { 

                                                                              margin-top: -40px; 

                                                                              }

Adjust the pixel size depending on what spacing size you're looking for.

2. Click Template. Go to ‘Add CSS’ under Advanced. Paste the line of code from above in a new line.

And that’s it! It’s that simple. Enjoy your new look! If you have any questions, do let me know. :)

Are there any technical topics you’d like for me to cover?

~Moll

Bloglovin' | Twitter | Instagram | Pinterest | Tumblr | YouTube