This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

tabs in sidebar and in bar on top, how can i remove them there (don't need it twice)

more options

I have my tabs in my sidebar due to "treestyle tab"-addon. But my tabs are still shown in the upper bar like it normally would be. This means I'm seeing the list of open tabs twice which is unnecessary. If it's possible I'd like to see my tabs in the sidebar but not in the top bar. How can I disable it?

I have my tabs in my sidebar due to "treestyle tab"-addon. But my tabs are still shown in the upper bar like it normally would be. This means I'm seeing the list of open tabs twice which is unnecessary. If it's possible I'd like to see my tabs in the sidebar but not in the top bar. How can I disable it?

All Replies (2)

more options

Hi lina.b, Firefox does not have a built-in feature to hide the tabs bar or the main toolbar. To do that, you will need to create a userChrome.css file to apply custom style rules to Firefox's toolbar area.

Are you already familiar with userChrome.css from making other tweaks to Firefox's toolbar area? If you aren't, when you have 10 minutes to focus on it, here's how it works. (I wrote this for Windows, but I assume Linux has a file browser similar to "Windows Explorer".)

This assumes you do not already have a userChrome.css file. If you do already have a working userChrome.css file, you just need to add the rule under (A) to your file.

(A) Select and copy the following style rule code

/* Squash tab bar to 1px tall and hide the tabs */
#TabsToolbar {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
} 
#TabsToolbar .tabbrowser-tab {
  display: none !important;
}

(B) Generate and download a userChrome.css file

Open the following page and paste the above rules into the editor, replacing the sample rule:

https://www.userchrome.org/download-userchrome-css.html

Then click "Generate CSS File" and save the userChrome.css file to your computer. (See first attached screenshot)

Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See second attached screenshot)

Minimize that Windows Explorer window for later reference.

(C) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(D) Move the userChrome.css file you generated in Step B into the chrome folder you created in Step C

The next time you exit Firefox and start it up again, it should discover that file and apply the rules.

more options