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

  • How to troubleshoot Screen resolution problem in Ubuntu

    Linux users come across a common problem in which they dont find their native monitor resolution and instead they left with the default resolution of 1024*768. This is because the system couldn’t identify the graphics card driver. Don’t worry, with simple steps you can add your own desired resolution and make the changes permanent in…

  • 25 Useful Tools for Registering and Monitoring Domain Name

    Anything from a company to products, websites to blogs require a good name to have a good impression at the audience. Getting a good name for the site can be really difficult as most of the names are already taken by some one else. This case is especially prominent in the area of website’s domain…

  • 200+ Ultimate Collection of Photoshop Plugins

    Photoshop is a powerful image editing software which is very useful for web designers and photographers to create desired effects in the images. But sometimes it’s difficult to perform certain tasks manually in photoshop. Once there was a belief that only designers who have mastered photoshop can create special effects on photographs or images. But…

  • Maximizing Performance with useLayoutEffect React Hook

    Discover how to optimize your React apps with our comprehensive guide on ‘Maximizing Performance with useLayoutEffect React Hook’. Learn how to leverage this powerful hook for efficient DOM manipulation, eliminating visual glitches, and creating smoother transitions. Ideal for both novice and expert React developers.

  • 45+ Online Image Editors and Funny Photo Effects Creators

    Before the development of web, if someone wants to edit images then he must either buy an image editing software like photoshop or he must use some free image editors available. Then the advancement in web development has enabled the developers to provide the features of offline software in web. At the beginning of web…