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

Removing top tabs from browser

  • 1 reply
  • 0 have this problem
  • 9 views
  • Last reply by zeroknight

more options

I use an addon to display my tabs in a tree on the side of the screen. As such, the horizontal tabs at the top of the screen are unnecessary, and I would like to remove them.

I've tried to follow a few other guides on how to do this, without success. I've created a userChrome.css file in the "chrome" folder of my active Firefox profile. It currently looks like this:

  1. tabbrowser-tabs {

visibility: collapse !important; min-height: 0 !important; }

tab{ display:none!important; }

However, the tabs remain. I've tried a few other permutations of these rules. I've made sure to save the text file and restart firefox multiple times. It also persisted across a PC restart.

What am I doing wrong?

I use an addon to display my tabs in a tree on the side of the screen. As such, the horizontal tabs at the top of the screen are unnecessary, and I would like to remove them. I've tried to follow a few other guides on how to do this, without success. I've created a userChrome.css file in the "chrome" folder of my active Firefox profile. It currently looks like this: #tabbrowser-tabs { visibility: collapse !important; min-height: 0 !important; } tab{ display:none!important; } However, the tabs remain. I've tried a few other permutations of these rules. I've made sure to save the text file and restart firefox multiple times. It also persisted across a PC restart. What am I doing wrong?

All Replies (1)

more options

Make sure toolkit.legacyUserProfileCustomizations.stylesheets is set to true in about:config.

Enable the system titlebar and add the following to userChrome.css:

#TabsToolbar {
  display: none !important;
}