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

Move tab bar below address bar

  • 19 பதிலளிப்புகள்
  • 4 இந்த பிரச்னைகள் உள்ளது
  • 489 views
  • Last reply by Koladra

I know this question has been posed more than once in the past. The answer has always been: go back to school, learn computer programming, get master classes and practice with coding until you make it. I am using Watefox since when Firefox tab bar was moved close to the sky. I just decided to try Firefox again: I have installed it and the first thing I tried to do is moving the tab bar below the address bar. It seems that there's no easy way. How can it be?, I wondered. With Waterfox I use the Tabs on Bottom add-on and that's it. You may believe my need is frivolous, but for me that makes the difference between keeping or uninstalling Firefox. Bottom line: is still forbiddend to wish to get the tab bar where I believe it should be? Thanks,

I know this question has been posed more than once in the past. The answer has always been: go back to school, learn computer programming, get master classes and practice with coding until you make it. I am using Watefox since when Firefox tab bar was moved close to the sky. I just decided to try Firefox again: I have installed it and the first thing I tried to do is moving the tab bar below the address bar. It seems that there's no easy way. How can it be?, I wondered. With Waterfox I use the Tabs on Bottom add-on and that's it. You may believe my need is frivolous, but for me that makes the difference between keeping or uninstalling Firefox. Bottom line: is still forbiddend to wish to get the tab bar where I believe it should be? Thanks,

தீர்வு தேர்ந்தெடுக்கப்பட்டது

Carb said

I have doubt that is so difficult move the tab bar.

It's not difficult, but there are several steps in setting up a userChrome.css file. It sounds as though you have read this before, but for quick reference, here are the steps again:

(A) 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 also created videos for both Windows and Mac, on that same page.

(B) Set your OS to show file extensions

See Step #4 in the above article.

(C) Download the following file and move it into your new chrome folder

Firefox 57-64 (Windows and Mac): https://www.userchrome.org/samples/userChrome-tabs_on_bottom.css

Firefox 65+ (Windows): https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx65.css

Firefox 65+ (Mac): See: Custom CSS tweaks for Firefox Quantum.

(D) Rename the file to just userChrome.css

Windows: You can right-click the file, then Rename, then remove the -tabs_on_bottom or -tabs_on_bottom_Fx65 part from the file name so you end up with exactly userChrome.css and then click away to complete the edit.

Mac: To make the name of a file editable, you can select the file in Finder and press Return, or you can "force-click" it if you have one of the new touchpads. Remove the -tabs_on_bottom part from the file name so you end up with exactly userChrome.css and then click away to complete the edit.

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

Read this answer in context 👍 1

All Replies (19)

As far as I know:

  • The built-in option to switch the bar position (from Firefox 4-28) is not coming back
  • Extensions cannot currently relocate toolbars, this ability will be up for consideration later this year among other toolbar customization APIs
  • Custom style rules in a userChrome.css file -- or a different browser -- are still your best workarounds

Here in support we work with the Firefox we have today and can suggest relevant features, available settings changes, and workarounds such as add-ons. If don't have anything useful/efficient for you, you can submit comments and suggestions through one or more of the following links:

jscher2000 thanks for the answer. Unfortunately I see that there is no interest in such thing. I have doubt that is so difficult move the tab bar. I can't imagine Firefox's cousin browser, Waterfox, is unsafe because they do not prevent a simple add-on moves the tab bar one inch lower. I can't dare to mess around the os code. I prefer to uninstall Firefox and keep the current browser even if the latter does not satisfy me in full.

தீர்வு தேர்ந்தெடுக்கப்பட்டது

Carb said

I have doubt that is so difficult move the tab bar.

It's not difficult, but there are several steps in setting up a userChrome.css file. It sounds as though you have read this before, but for quick reference, here are the steps again:

(A) 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 also created videos for both Windows and Mac, on that same page.

(B) Set your OS to show file extensions

See Step #4 in the above article.

(C) Download the following file and move it into your new chrome folder

Firefox 57-64 (Windows and Mac): https://www.userchrome.org/samples/userChrome-tabs_on_bottom.css

Firefox 65+ (Windows): https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx65.css

Firefox 65+ (Mac): See: Custom CSS tweaks for Firefox Quantum.

(D) Rename the file to just userChrome.css

Windows: You can right-click the file, then Rename, then remove the -tabs_on_bottom or -tabs_on_bottom_Fx65 part from the file name so you end up with exactly userChrome.css and then click away to complete the edit.

Mac: To make the name of a file editable, you can select the file in Finder and press Return, or you can "force-click" it if you have one of the new touchpads. Remove the -tabs_on_bottom part from the file name so you end up with exactly userChrome.css and then click away to complete the edit.

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

jscher2000 thanks for your effort. When I wrote "I have doubt that is so difficult move the tab bar." I was meaning that that should'nt be difficult for Mozilla guys to add the relevant option. Anyway, I've done it, even of I was hoping to have the tab bar below the internet address bar and not below the bookmarks bar. Thanks anyway, Carb

Hi Carb, if you want the tabs bar in between the main toolbar and the bookmarks toolbar you can switch the "-moz-box-ordinal-group" values of the two bars:

In the download for Fx57-64:

#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 2 !important;
}
#TabsToolbar { /* tab bar */
  -moz-box-ordinal-group: 3 !important;
  padding-top: 0 !important;
}

Switched:

#TabsToolbar { /* tab bar */
  -moz-box-ordinal-group: 2 !important;
  padding-top: 0 !important;
}
#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 3 !important;
}

I did it, it works. jscher2000, let me thank you for the tenacity in trying to convince me to do something that I did not feel I could do. I really appreciate that. I will switch to Firefox, with the hope that it spoils less resources that Waterfox (will it do that?). Now I have another question, but I guess I have better open a new topic. Thanks and regards, Carb

jscher2000 said (C) Download the following file and move it into your new chrome folder'

I did all that, closed & reopened FF. Nothing changed. :(

rtb61 said

I have an easier solution, https://www.waterfoxproject.org/en-US/.

Hi rtb61, I have been using Waterfox for many years, and I was really happy (at that time Firefox was 32-bit based; Waterfox 64-bit from scratch). Lately Waterfox became slower and slower. That is why I decided to try Firefox. I succeeded in moving the tab bar. But with Firefow I suffered the same problems I had with Waterfox. It's clear that the fault is not Firefox or Waterfox. Therefore I am planning to return to Waterfox.

I have an easier solution, https://www.waterfoxproject.org/en-US/. Arrogance always forces alternate solutions.

Unfortunately, that solution didn't solve anything as it installed looking exactly like the current version of Firefox, and I STILL could find no way to move the tabs bar down WHERE IT BELONGS on my system.

Yes, arrogance! That's the Micro$oft way, not what I expect from Mozilla, yet it seems they, too, have adopted the "we know what you want better than you do" attitude. It has been a steady slide downhill for the past several "upgrades." One step forward and two steps backwards.

WIth Waterfox the "Tabs on Bottom" add-on works great. That's the we I did it. The same add-on doesn't work with Firefox.

jscher2000 said

Carb said
I have doubt that is so difficult move the tab bar.

It's not difficult, but there are several steps in setting up a userChrome.css file. It sounds as though you have read this before, but for quick reference, here are the steps again:

(A) 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 also created videos for both Windows and Mac, on that same page.

(B) Set your OS to show file extensions

See Step #4 in the above article.

(C) Download the following file and move it into your new chrome folder

Firefox 57-64 (Windows and Mac): https://www.userchrome.org/samples/userChrome-tabs_on_bottom.css

Firefox 65+ (Windows): https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx65.css

Firefox 65+ (Mac): See: Custom CSS tweaks for Firefox Quantum.

(D) Rename the file to just userChrome.css

Windows: You can right-click the file, then Rename, then remove the -tabs_on_bottom or -tabs_on_bottom_Fx65 part from the file name so you end up with exactly userChrome.css and then click away to complete the edit.

Mac: To make the name of a file editable, you can select the file in Finder and press Return, or you can "force-click" it if you have one of the new touchpads. Remove the -tabs_on_bottom part from the file name so you end up with exactly userChrome.css and then click away to complete the edit.

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

Doesn't work for Win 7. Nothing changed. Bloody Mozilla can't leave anything alone for 5 minutes.

See this thread for updated userChrome.css code for Firefox 65 to move the tabs to the bottom position.

cor-el said

See this thread for updated userChrome.css code for Firefox 65 to move the tabs to the bottom position.

I'm in the same boat as Malaus1. None of the solutions appear to work when using Windows 7. I've been following the linked thread looking for a solution.

jscher2000, I commend you for your effort helping other Firefox users. I copied your script into userChrome.css with no results. I am going to start over and try again. I join the other aggravated users in voicing my dissatisfaction in Mozilla's development team. From the day I was infected by Quantum I have had problems. Web sites not allowing me to log in to moving my tabs around. Then 65 came along and I have less control. For a company that wants to be on top, you don't do that by ticking of your users.

Iain57 said

jscher2000, I commend you for your effort helping other Firefox users. I copied your script into userChrome.css with no results.

I don't know if this helps, but for me, the problem was simply that no one (at the time) mentioned the css file goes in a folder named "Chrome".

Mugsy மூலமாக திருத்தப்பட்டது

The name of the folder needs to b lowercase 'chrome' although Windows might capitalize it.

Also make sure that userChrome.css is a plain text CSS file and doesn't have a hidden .txt or .css appended.

This is not a user friendly setting. Please make it an option under Firefox->Settings: Tabs position (select above/below).

jscher2000 said

Carb said
I have doubt that is so difficult move the tab bar.

It's not difficult, but there are several steps in setting up a userChrome.css file. It sounds as though you have read this before, but for quick reference, here are the steps again:

(A) 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 also created videos for both Windows and Mac, on that same page.

(B) Set your OS to show file extensions

See Step #4 in the above article.

(C) Download the following file and move it into your new chrome folder

Firefox 57-64 (Windows and Mac): https://www.userchrome.org/samples/userChrome-tabs_on_bottom.css

Firefox 65+ (Windows): https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx65.css

Firefox 65+ (Mac): See: Custom CSS tweaks for Firefox Quantum.

(D) Rename the file to just userChrome.css

Windows: You can right-click the file, then Rename, then remove the -tabs_on_bottom or -tabs_on_bottom_Fx65 part from the file name so you end up with exactly userChrome.css and then click away to complete the edit.

Mac: To make the name of a file editable, you can select the file in Finder and press Return, or you can "force-click" it if you have one of the new touchpads. Remove the -tabs_on_bottom part from the file name so you end up with exactly userChrome.css and then click away to complete the edit.

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

Bless you, Carb! I read your solution, then reread it a half dozen times. Finally, thinking I had comprehended the steps, I proceeded, one step at a time, full of fear and trepidation. All my fears were for naught. It worked like you said.

Now I can use Firefox in a window, instead of full screen, and be able to move the window around easily, instead of having to dodge the tabs..................

You da man !! !! !!