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

Tabs Below Address Bar - Firefox 89.0

more options

Could someone please provide userChrome.css which puts the tabs back below the Address Bar in Firefox 89.0?

All the other solutions I've found end up putting the tabs at the bottom of the window where the status bar is. It becomes translucent and the + button cannot be found.

I had one userChrome.css which did put the tabs below; however, the whole top of the browser went to the bottom of the screen so the Menu Bar, Address Bar, and then the Tabs appeared below the page being viewed.

Has anyone found a version that keeps the status quo but just moves the tabs to where they should be?

Thanks.

Could someone please provide userChrome.css which puts the tabs back below the Address Bar in Firefox 89.0? All the other solutions I've found end up putting the tabs at the bottom of the window where the status bar is. It becomes translucent and the + button cannot be found. I had one userChrome.css which did put the tabs below; however, the whole top of the browser went to the bottom of the screen so the Menu Bar, Address Bar, and then the Tabs appeared below the page being viewed. Has anyone found a version that keeps the status quo but just moves the tabs to where they should be? Thanks.
Attached screenshots

Modified by Photoparity

Chosen solution

Hi Photoparity, your buttons look extra-tall. Are you using "Touch" as your Density selection? I think most solutions are designed for Normal or Compact, so definitely some values will need to be tweaked with Touch density. If you want to experiment with a different density, it is set on the Customize tab (or you can use about:config).

Read this answer in context 👍 1

All Replies (5)

more options

HERE IS THE CORRECT ANSWER for Firefox version 9.00 of how to achieve it now edited into my very first question https://support.mozilla.org/en-US/questions/1339095

Modified by Trevor George, Bristol, UK

more options

When I used your solution I have run into an issue.

As I create new tabs they extend to only half the browser window. As they are created, they only take up a limited amount across the top.

I've attached an image to provide an example.

How do I get this to extend to the full space of the browser window?

Thanks

more options

I managed to get the tabs to extend across the full window. Now there's another problem.

How do I get the tabs bar to match the height of the tab specified?

more options

Photoparity said

I managed to get the tabs to extend across the full window. Now there's another problem. How do I get the tabs bar to match the height of the tab specified?

Hi Photoparity . . . it took me ages to get mine right (as you can see from the number of questions and replies in that thread). I had to keep altering the heights on mine, by altering this information below, (if that helps). It was originally suggested to me to use a smaller number, but when I did the menu was squeezed up and no address-bar showing, so I set mine to 45px

You can modify the 45px in this line below, if you wish to get an appropriate height . . just experiment with different numbers till you get it right --menubar-height: 45px; /*30px|41px=11px; caption buttons on menubar*/

more options

Chosen Solution

Hi Photoparity, your buttons look extra-tall. Are you using "Touch" as your Density selection? I think most solutions are designed for Normal or Compact, so definitely some values will need to be tweaked with Touch density. If you want to experiment with a different density, it is set on the Customize tab (or you can use about:config).