Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Hide Navigation Toolbar in userChrome.css

more options

I am having problems hiding the Navigation Toolbar in userChrome.css.

I am trying to achieve the same as the menu clicks View -> Toolbars -> [uncheck] Navigation Toolbar.

If I add #navigator-toolbox { display: none } to userChrome.css then everything disappears, including the tabs and menu. If I use the following then there remains a blank bar, about half the size of the tab bar.

#searchbar, #urlbar, .toolbarbutton-1, .toolbarbutton-menubutton-button { display: none }

I am having problems hiding the Navigation Toolbar in userChrome.css. I am trying to achieve the same as the menu clicks View -> Toolbars -> [uncheck] Navigation Toolbar. If I add <code>#navigator-toolbox { display: none }</code> to userChrome.css then everything disappears, including the tabs and menu. If I use the following then there remains a blank bar, about half the size of the tab bar. <code><pre> #searchbar, #urlbar, .toolbarbutton-1, .toolbarbutton-menubutton-button { display: none } </code></pre>

Modified by Jamie Kitson

Chosen solution

It's called nav-bar

#nav-bar { display: none }

Read this answer in context 👍 1

All Replies (1)

more options

Chosen Solution

It's called nav-bar

#nav-bar { display: none }