Edit 2: Thanks to dsid who posted this css code which seems to work with the latest nightlies and betas (as of 2010-09-10).

This will make the tabs go all the way to the top of the window, which makes them very easy to target with your mouse when the window is maximized. (Since it doesn’t matter if you push your mouse outside the screen.) However, this means you can’t grab the window above the tabs to drag it. You can still grab it to the right of the tabs though. With the code above, there will always be an area next to the minimize-maximize-close-buttons which you can drag.

If you like, you can move the tabs down from the edge by increasing the padding-top values.

How can this be done in Firefox 3.6.13 including getting rid of the Firefox logo icon on the far left hand side please ? The same Minimize, Restore Down/Maximize, and Close buttons too please with a little bit of space on the left and right hand side so the tabs are not all the way on the edge of the window. If I want more title bar space as well but the tabs still in the title bar how do I add a little bit ? What I am basically looking for is a chrome like tabs in the title bar but not all the way. Chrome seems to always leave a little bit of room in the title bar but not much.

I will not be surprised if no one replies. Think I am asking basically for to much. All I can do is try though.

Hey! I just wanted to say thank you for sharing this. This code is still useful even for Firefox 4 (final).

I have a widescreen display and I have my browser’s window always at restore/non-maximized mode. The extra space at the titlebar is annoying and I don’t need it. Your code helped me get rid of it. So, thanks. And thanks to Mozilla for making Firefox so customizable — unlike the arrogant Chrome.

[...] can consolidate it with a change to your userChrome.css file. Just paste in this code (courtesy of blogger David Naylor and his commenters): #main-window[sizemode=normal][tabsontop] #appmenu-button-container { position: fixed !important; [...]

[...] can consolidate it with a change to your userChrome.css file. Just paste in this code (courtesy of blogger David Naylor and his commenters): #main-window[sizemode=normal][tabsontop] #appmenu-button-container { position: fixed !important; [...]

[...] If you’ve moved the Firefox button as described above, you’ll notice your tabs don’t move up at all, you just have some wasted space on the title bar. You can consolidate it with a change to your userChrome.css file. Just paste in this code (courtesy of blogger David Naylor and his commenters): [...]