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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

How do I move tabs back to the bottom in Firefox Quantum under Linux (Fedora 28)..?

  • 4 antwoorde
  • 7 hierdie probleem
  • 1 view
  • Laaste antwoord deur Demetrius

more options

I have been unable to get the tabs back where they should be, I'm afraid I am not tech-savvy enough to understand the userchrome-css solutions that some people have used. Can no-one produce an easy to use addon or something that will do this..? I love Firefox but forcing me to have the tabs on top is making me seriously think about ditching it.

I have been unable to get the tabs back where they should be, I'm afraid I am not tech-savvy enough to understand the userchrome-css solutions that some people have used. Can no-one produce an easy to use addon or something that will do this..? I love Firefox but forcing me to have the tabs on top is making me seriously think about ditching it.

Gekose oplossing

Hi ria1039, unfortunately, it isn't possible for an add-on to make the changes because Firefox 57+ does not let them make major structural changes to the interface.

The userChrome.css approach for moving the tab bar is roughly the same for Firefox 57-64. It will change in Firefox 65. That means lots of people have successfully done it, there are demo videos, and you can also get help customizing it to your needs.

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.

Lees dié antwoord in konteks 👍 2

All Replies (4)

more options

Gekose oplossing

Hi ria1039, unfortunately, it isn't possible for an add-on to make the changes because Firefox 57+ does not let them make major structural changes to the interface.

The userChrome.css approach for moving the tab bar is roughly the same for Firefox 57-64. It will change in Firefox 65. That means lots of people have successfully done it, there are demo videos, and you can also get help customizing it to your needs.

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.

Gewysig op deur jscher2000 - Support Volunteer

more options

Thanks, I had tried this before, or at least thought I had, but it didn't work, however this time it has, many thanks.

more options

I am tired of spending hours trying to keep Firefox useful. I have reinstalled 64.02 so my tabs are where they belong. I have locked out updates until the tabs on bottom is fixed permanently or I find another browser that cares about how useful their product is. hopefully I won't need to switch browsers. Mozilla used to care about its users. That is why I have used it all these years. Too bad they no longer care and think some standard written by people who do not use the product for a living know more than the everyday users of their product.

more options

Try putting this code in the userChrome.css file. I tested it using Firefox 59 and 65 under Windows 10. The first ":root" block is not really necessary, but it improves the shadowing of the font.

:root, .tabbrowser-tab { 

text-shadow: none !important;

}

:root[uidensity=compact] { 

--tab-min-height_tnot: 28px;

}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox { 

padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;

}

#TabsToolbar { 

position: absolute !important; bottom: 0 !important; width: 100vw !important;

}

Gewysig op deur Demetrius