It looks even crappier when I try to make the tabs bigger with the Density control set to "Touch."

Now, not only is the current tab stupidly big, but the bottom of the other tabs is getting cut off.

And why is there a double line under the tabs?

I knew I shouldn't have upgraded.  :(  :(  :(  :(  :(

How does it look like after setting toolkit.legacyUserProfileCustomizations.stylesheets to false in about:config and restarting the browser?

How does it look like after setting toolkit.legacyUserProfileCustomizations.stylesheets to false in about:config and restarting the browser?

Looks great! Except now the tabs are above the address bar, and just under title bar, AGAIN!!!!!

Why is 2020 Firefox worse than 2010 Firefox, in every way?

You likely have a userChrome.css in the chrome folder in the profile folder that makes some modifications to the appearance of the Firefox user interface. Setting the above mentioned pref disables userChrome.css (user interface) and userContent.css (web pages).

More info:

• https://www.userchrome.org/what-is-userchrome-css.html

You likely have a userChrome.css in the chrome folder in the profile folder that makes some modifications to the appearance of the Firefox user interface. Setting the above mentioned pref disables userChrome.css (user interface) and userContent.css (web pages). More info:

• https://www.userchrome.org/what-is-userchrome-css.html

I deleted my userChrome.css (I had no userContent.css) and the tabs are still above the address bar, bookmarks bar, etc.

How do I get the tabs back below the address bar and above the bookmarks bar?

Looks great! Except now the tabs are above the address bar, and just under title bar, AGAIN!!!!! Why is 2020 Firefox worse than 2010 Firefox, in every way?

It's not worse, only your css modification from 2010 is broken in 2020.

By default the Tab bar is above the Navigation Toolbar. You can't get the Tab bar between the Navigation Toolbar and the Bookmarks Toolbar. You can only move the Tab bar below all the toolbars (i.e. below the Bookmarks Toolbar) via userChrome.css like you previously had when you had userChrome.css enabled.

By default the Tab bar is above the Navigation Toolbar.

That's ridiculous. I should be able to put it where I want it.

You can only move the Tab bar below all the toolbars (i.e. below the Bookmarks Toolbar) via userChrome.css like you previously had when you had userChrome.css enabled.

Okay, fine, so how do I do that?

The only way to move the Tab bar from the default position above the Navigation Toolbar to a lower position is by using userChrome.css like you previously had, so you will have to restore this file with code that works for you. If you have this file in the Windows Recycle bin then you can restore userChrome.css to the chrome folder, otherwise you need to create a new file.

You can look at the basic code I posted in this thread that works for me in a large range of Firefox versions (68-83).

• /questions/1305615 tabs below address bar - an ongoing problem not fixed !!!

Just copied the text in questions/1305615 into a newly-created userChrome.css file in my profile. Restarted FF and still the same.  :-(

Did you switch back the preference?

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.

• toolkit.legacyUserProfileCustomizations.stylesheets = true

See:

• 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.

• toolkit.legacyUserProfileCustomizations.stylesheets = true

See:

• https://www.userchrome.org/firefox-changes-userchrome-css.html

That did it, thanks!  :-)