Multiple Tab Rows in Firefox

New versions of Firefox removed some support for extensions that allowed multiple tab rows.

Update:

  • make sure that the toolkit.legacyUserProfileCustomizations.stylesheets pref in the about:config is still set to true
  • use this for newer versions of Firefox https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css

 

Here is how you can enable it:

  1. Type about:support in url field of firefox, hit enter.
  2. On the ‘Profile Folder’ setting (about 8th from the top) click the ‘Open Folder’ button.
  3. Create a ‘chrome’ subfolder, if you don’t already have one.
  4. Inside that folder create a file called ‘userChrome.css’ (right click > new > text document – make sure to name the file userChrome.css and not userChrome.css.txt or something)
  5. Firefox 65 and newer:
    Open the file for editing and paste the contents of this file: https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css 
    Versions before Firefox 65:
    Open the file for editing and paste the contents of this file:
    https://gist.githubusercontent.com/forexhill/b0446cc31e5001c9e87754df83f0f1ca/raw/f4f1a807d43434a1f10908364dec56ecdf08422c/gistfile1.txt
  6. Restart FF and you should have multi row tabs

After Firefox 65 method comes from here

Before Firefox 65 method comes from user fh1 at this link

0 0 vote
Article Rating
Subscribe
Notify of
guest
20 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
gégé
gégé
1 year ago

ok but the problem is that the tabs are going smaller even on the first line

Joe Bloggs
Joe Bloggs
1 year ago
Reply to  gégé

To increase tabs width modify “browser.tabs.tabMinWidth” in about:config
I changed it to 160

xPafx
xPafx
1 year ago

This is great, but as just pointed out the tabs are to small. I’ve tried to fix this myself, but having no experience at all in using this kind of codes it wasn’t to easy. I’ve figured out that if I remove both lines
#tabbrowser-tabs .scrollbox-innerbox {display: flex;flex-wrap: wrap;}
#tabbrowser-tabs .arrowscrollbox-scrollbox {overflow: visible;display: block;}
the tabs are getting wider again, but then the rows are not multiplied. I’ve also tried to increase the min-witdth and/or max-width from 35, but nothing happens.

Is it not possible to get the tabs a bit wider?

kkc
kkc
1 year ago
Reply to  xPafx

in the address bar of FF, enter “about:config”, without the quotes. On the config age itself, navigate to “browser.tabs.tabMinWidth” and change its value to the width you want e.g. 120

OzMerry
OzMerry
10 months ago
Reply to  kkc

It’s not necessary to do that. In the code below, just change the 1 to a 0, as per the comment, and change the px value to whatever you want.

–multirow-n-rows: 3;
–multirow-tab-min-width: 160px;
–multirow-tab-dynamic-width: 0; /* Change to 0 for fixed-width tabs using the above width. */

yoghurt
yoghurt
1 year ago

I did exactly this and nothing happened.

Eddie
Eddie
1 year ago
Reply to  yoghurt

I, too, all exactly as indicated but didn’t see the second line. Is it automatic?

Lisa
Lisa
1 year ago

I did this and it did not work, what am I missing? I got a message that Firefox updated and restarted the browser as instructed but the tabs were still all in one row.

Artur
Artur
1 year ago
Reply to  Lisa

Double check that you created userChrome.css file in /chrome subfolder.

DeeBee
DeeBee
1 year ago

Hello, for me this solution works fine. Thank you very much.
My actual Firefox quantum = 64.0 (32-bits).
Changing the Tab width I didn’t do already.

Pam
Pam
1 year ago

Thank you, this worked for me, great instructions

Mark
Mark
1 year ago

In the latest FF Develop Edition 65.0b8, I can’t get any more than two rows. This used to work fine, but with this update it changed. Any suggestion to fix this?

Joe911
Joe911
1 year ago

Thank you so much it works perfectly!

Norm Bolser
1 year ago

Thank you. Worked perfectly. Tab size at 110 is great. Sure glad there are people out there so much smarter and knowledgeable than me. And willing to share what they know with us common folk.

best
best
1 year ago
Reply to  Norm Bolser

please ignore..

To Nio
1 year ago

Thanks for this tip but there is a small problem for me, when we start having more than one row it became impossible to move tabs where we want, they either do not move or move where they want, this is only the case with multiple rows, with only one there is no problem, tabs can be moved without any issue.

Yay! It freakin’ works! ;’D
Thank you!

Firefox 66.0.2 (64-bit)
Windows 8.1 x64

Harold
Harold
1 year ago

Not working in 66.04
Win 10 1809 x64

1 year ago

ok, now how to get the tabs below the address bar? in the latest update of firefox the addresss bar is now under the tabs….

Toffie
Toffie
4 months ago

not working, tabs still in one row