Tabs on Very Top

Moves the tabs to the very top of the Firefox window.

Compatibility

Works with: Firefox 4.0+

Background

Unless the Firefox Windows is maximized. the tab bar will be below the Firefox button and window controls.


Tabs are below the Firefox Button and Windows control by default on a non-maximized browser window leaving a large area of ‘dead space’.
Firefox 6 Aurora build (6.0a2).

The Tweak

This userChrome.css tweak that will allow you have your tabs on the very top even if your window is not maximized.

Tabs in between the Firefox Button and Window Size controls on a non-maximized browser window. |
Firefox 6 Aurora build (6.0a2).

Place the following snippet of CSS in your userChome.css:

/*Setting FF4′s Tabs to Always be in the Title Bar.*/
#main-window[sizemode=normal][tabsontop] #appmenu-button{padding-left: 8px !important;padding-right: 8px !important;height: 22px !important;}
#main-window[sizemode=normal][tabsontop] #toolbar-menubar[autohide="true"]{ margin-top:-20px;
-moz-padding-start:80px!important; }
#main-window[sizemode=normal] #navigator-toolbox[tabsontop] > #toolbar-menubar[autohide] ~ #TabsToolbar {
-moz-padding-start:80px!important; -moz-padding-end:110px!important; }

Notes

If you are using the Moveable Firefox Button tweak, you will need to use this snippet of CSS in your userChome.css (color emphasis denotes code change):

/*Setting FF4′s Tabs to Always be in the Title Bar.*/
#main-window[sizemode=normal][tabsontop] #appmenu-button{padding-left: 8px !important;padding-right: 8px !important;height: 22px !important;}
#main-window[sizemode=normal][tabsontop] #toolbar-menubar[autohide="true"]{ margin-top:-20px;
-moz-padding-start:80px!important; }
#main-window[sizemode=normal] #navigator-toolbox[tabsontop] > #toolbar-menubar[autohide] ~ #TabsToolbar {
-moz-padding-start:0px!important; -moz-padding-end:110px!important; }


Updated: November 15, 2025

Leave a Reply