Firefox – How to hide tab bar (tabstrip) in Firefox 57+ Quantum

firefoxfirefox-57firefox-extensions

How to hide/disable/remove the tab bar in Firefox 57+ ("Quantum")?

The goal is to just hide the tab bar totally. Useful if paired with extensions like "Tree Style Tab".

Note: there is similarly looking question here: Firefox hide everything except content area of the browser but it is not properly split into logically independent tasks. Also, it's outdated.

Best Answer

  1. Open your firefox "profile directory"
  2. Create directory chrome/ if it doesn't exist
  3. Create file chrome/userChrome.css inside if it doesn't exist.
  4. Add this text to the file:

    #TabsToolbar { visibility: collapse !important; }
    
  5. Ensure the config toolkit.legacyUserProfileCustomizations.stylesheets is set to true (required for Firefox69+, the stable version since September 2019), see this tutorial.

  6. Save the file and reload firefox. You should see no tab bar anymore.

P.S. Solution partly taken from here: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/