Multiple Tab Rows in Firefox

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

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

15
Leave a Reply

avatar
10 Comment threads
5 Thread replies
5 Followers
 
Most reacted comment
Hottest comment thread
15 Comment authors
To NiobestNorm BolserJoe911Mark Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
gégé
Guest
gégé

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

Joe Bloggs
Guest
Joe Bloggs

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

xPafx
Guest
xPafx

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
Guest
kkc

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

yoghurt
Guest
yoghurt

I did exactly this and nothing happened.

Eddie
Guest
Eddie

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

Lisa
Guest
Lisa

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
Guest
Artur

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

DeeBee
Guest
DeeBee

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
Guest
Pam

Thank you, this worked for me, great instructions

Mark
Guest
Mark

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
Guest
Joe911

Thank you so much it works perfectly!

Norm Bolser
Member

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
Guest
best

please ignore..

To Nio
Member

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.