Blogger, CSS tips

Hide Blogger Navigation Bar – CSS Hack

Off 54

As we all know in blogger, above header there is navbar or navigation bar . Most of want to hide the navigation bar in blogger , but we don’t know how to do that. Never wonder here is a simple trick to hide the navigation bar in blogger .

Follow these easy steps to paste the below CSS code :

CSS code to remove Navigation Bar in Blogger :

/* CSS to hid navigation bar */

#navbar

{

height:0px;

visibility:hidden;

display:none

}

hide Navigation bar in Blogger

Log in to your blogger account and select the Layout of the blog which you want to modify.

Select the tab page Template and then click on Edit HTML

Search for the text : body {

now paste the CSS code above the line in red.

This is how your template HTML code should look after pasting the hack code snippet

That’s all. From now onwards your blog will not display navigation bar.

About the author / 

Mohamed Rias

I'm a programmer, photographer, and proud parent. With a passion for coding and a love of capturing life's moments through my camera lens, I'm always on the lookout for new challenges and opportunities to grow. As a dedicated parent, I understand the importance of balancing work and family, and I strive to be the best version of myself in all aspects of my life.

Related Posts

Popular

Editor’s Pick

  • Transforming Software Development: How AutoGPT is Revolutionizing Content Creation and 5 Expert Tips to Maximize Its Potential

    Are you tired of spending hours writing documentation and code comments for your software projects? Do you wish you could automate these tedious tasks and focus on more creative aspects of development? Look no further than AutoGPT. AutoGPT is a revolutionary tool that is transforming the way developers approach content creation in the software development…

  • 25+ Breathtaking examples of Natural sky Photography

    Many times throughout the day you look up to the sky and just see a blue or grey sky without much thought. But on some days, you look out into the distance and see something beautiful, something that captivates the beauty of the sky not seen on a daily basis. This collection of photography that…

  • Responsive Web design Tips : #1 SCALING IMAGES

    Responsive Web Design is an approach in which a designer intends to provide an optimal viewing experience. Before knowing about the concept of scaling images, let’s have a look on “Responsive Web Design”. Nowadays people want to get access to the Internet data from any place using a wide range of portable devices- desktops, laptops,…

  • 35+ Creative Ads That Makes You Look Twice

    You might have seen plenty of advertisements on the road sides or when you have flipped over magazines. I hope that you might have just skipped most of them, but there are some cool creative advertisements which would make you look twice. To create Creative advertisements , the designer must be innovative enough to take…

  • How to set up navigation menus

    Navigation is certainly a very important part in web design, especially if we keep in mind that the navigation of a page is there to orient and guide the user. Navigation is a key element of any website. With the help of navigation menu, the user gets from section to section, and to different contents….