Moving the Tab bar to the lower position is done via userChrome.css in the chrome folder. When you refreshed Firefox then you lost the chrome folder and the file

You need to look at the "Old Firefox Data" folder on the desktop and copy the chrome folder to the Firefox profile folder.

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.

• Help -> Troubleshooting Information -> Profile Directory:
  Windows: Show Folder; Linux: Open Directory; Mac: Show in Finder
• https://support.mozilla.org/en-US/kb/Profiles

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
• https://www.userchrome.org/firefox-changes-userchrome-css.html

If your userChrome.css didn't (doesn't) work in Firefox 70 then you need to look for an update. See this reply for basic code.

• /questions/1248277#answer-1192325 Reposition Tabs at bottom, directly above web page in Firefox 65.0?

You can search the Reddit website for other versions.

• https://www.reddit.com/r/FirefoxCSS/

01. Click the menu button and choose Customize…. To turn on the Title bar: Put a check mark next to Title Bar in the lower left. To turn on the Bookmarks toolbar: Click the Toolbars dropdown menu at the bottom of the screen and select Bookmarks Toolbar.

  02. Click the Done button.

https://support.mozilla.org/en-US/questions/1238689

I have tried all userChrome.css solutions, but nothing works. I am searching for a new browser. It may not be as good as Firefox, but if I can control where my TABs bar is located, I will be happy.

Hi Jimeana

Did you make sure 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

Are you running the current Firefox release (70.0.1) ?

You can also look at the Aris GitHub pages.

• https://github.com/Aris-t2/CustomCSSforFx/tree/master/classic/css

I HATE the tabs being at the top - I keep automatically hitting the wrong thing - very annoying!!

But I do not understand the instructions re "userChrome.css in the chrome folder." I'm not using Chrome so don't understand how this works. Or link above. Where are instructions for dummies?

And why did Firefox change it anyway?????

I have tried using Edge but it also has tabs along the top so . . . still looking for another option or one that you can control.

Chrome in this context has nothing to do with Google Chrome. Firefox uses the "chrome://" protocol to access its internal files and use chrome in other cases like userChrome.css (no relation with Google Chrome).

• https://developer.mozilla.org/en-US/Chrome

This is about folders and files in the Firefox profile folder.

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page like posted above.

• Help -> Troubleshooting Information -> Profile Directory/Folder:
  Windows: Show Folder; Linux: Open Directory; Mac: Show in Finder
• https://support.mozilla.org/en-US/kb/Profiles

See:

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

FINALLY! My TABs are below the Bookmarks. Hallelujah! Fifteen years ago I switched from Netscape to Firefox, and was always very pleased with TABs. A couple of years ago I learned that in order to get the layout that works best for me, I had to change the userChrome.css file every time Mozilla/Firefox sent an updated version. This time, I had to jump through yet another hoop. I had to learn about:config. While I appreciate the new skill-set, my fondest desire is that Mozilla/Firefox would create a file containing ALL of my current configuration-preferences-options. When the next update is installed, it would read that file and implement my choices seamlessly. This would save me a lot of time and frustration, and show me that Mozilla/Firefox is responsive to our needs. Thanks to those who cared enough to endeavored to be of assistance.

I had tried for 19 days to get used to my TABs at the top, thinking I may have NO choice. My frustration level just kept increasing. Then I understood I had to change the programming code in not 1 but 2 files in order to move the TABs down.

Now, I am so overjoyed to have my TABs back below my Bookmarks ! ! ! Thanks again to all those who cared!

Jimeana said

A couple of years ago I learned that in order to get the layout that works best for me, I had to change the userChrome.css file every time Mozilla/Firefox sent an updated version.

As long as your Firefox keeps using the same profile, you shouldn't need to re-create your userChrome.css file from scratch. However, the toolbar layout code has been under heavy renovation the past 6 releases, so you certainly may need to update your rules every other month until everything stabilizes. On the following site, style rule hacks are the entire agenda and users of beta releases often publish solutions even before the changes hit the regular Firefox release, so it's another valuable resource:

https://www.reddit.com/r/FirefoxCSS/