Firefox 4 Move Tabs To Top Tweak

Okay, so The Guru made a minor observation error with the Firefox 7 Nightly UI post. However, as a result of this post a reader posted a 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 on Firefox 6 Aurora build (6.0a2).

For information on how to modify you userChrome.css file see the UserChrome.css section on our Wiki’s Tweaks page. Add these lines of code to your userChrome.css file:


/*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; }

This works on Firefox 4 as well as the current developmental builds of Firefox 5 and 6. At this I am unable to test this on the Firefox 7 nightly builds as I am experiencing some technical difficulties with both the 32-bit and 64-bit builds since the last update. A may end up having to manually uninstall and then reinstall these builds. But, I do not really see any reason why this would not work in the Firefox 7 Nightly builds.

Thanks to Richard for the tip.

1 Trackbacks & Pingbacks

  1. Moveable Firefox Button | Firefox Extension Guru's Blog

Comments are closed.