How to hide the tab bar?
I've been searching for a way to hide the tab bar and reclaim that space. Some sources on the web set to change some settings in about:config and edit userChrome.css, but this did not work. This question links to an add-on to do it, but the link is broken:
All Replies (2)
Add CSS code to the userChrome.css file in the chrome folder in the Firefox profile folder. You may have to hide the "List all tabs" button.
/* TAB BAR - HIDE ONE Tab [110+] - DO NOT use tabs below #nav-bar */
#tabbrowser-tabs .tabbrowser-tab:only-of-type,
#tabbrowser-tabs .tabbrowser-tab:only-of-type + #tabbrowser-arrowscrollbox-periphery{
visibility: collapse !important;
}
#tabbrowser-tabs, #tabbrowser-arrowscrollbox {min-height:0!important;}
#TabsToolbar:not(:hover) #alltabs-button {display:none !important;}
More info about userChrome.css/userContent.css in case you are not familiar: *https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
- https://www.userchrome.org/firefox-changes-userchrome-css.html
In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.
- about:config => toolkit.legacyUserProfileCustomizations.stylesheets = true
- https://support.mozilla.org/en-US/kb/about-config-editor-firefox
So that is almost the same advice I had already found and tried. Your CSS is slightly different and the other sources suggested setting several other settings in about:config, besides that one. It still doesn't work though. I'm on firefox 113. How can I verify that firefox is even using the css file?