You can hide the tabstrip at the top by creating a custom userChrome.css file.

This article has directions (and a video) on how to do this: https://www.userchrome.org/how-create-userchrome-css.html

When you get to the "Adding Style Recipes to userChrome.css" step, place this in the file:

#TabsToolbar {
    visibility: collapse !important;
}

Thanks user1929,

Not being code savvy I was nervous about doing this but the steps in the video were easy to follow. I copy/pasted your text into my newly created css file and bingo!

Well sort of...

I now realise that the tab strip is not removed...it's simply made invisible. I still lose the 1/2 inch at the top of my screen to a blank strip where the tabs once were.

As I now use Tab Centre Redux and all my tabs are on the left of my screen, can anyone work out how to remove the redundant tab strip from the top?

See also:

• Tab Center Redux: https://addons.mozilla.org/firefox/addon/tab-center-redux/

Thanks a lot!

Tab Center Redux is a nice improvement over Vertical Tabs Reloaded as it has a "open new tab" button at the top. Nice!

Still can't find how to delete the tab bar/tab strip from the top of my screen though.

Try this:

#TabsToolbar {
visibility: collapse;
}

#titlebar {
display: none;
}

The only downside is that you'll lose the close/minimize/maximize buttons in the upper-right (but you can still close the window by hovering over the icon in the taskbar).

Thanks again user1929,

That's the one. Perfect, thanks. Much appreciated!

To add to user1929's solution, the following will also remove the header of the sidebar. Now I'm back to the look/feel that I love! Thanks everyone for the help!

#TabsToolbar {

visibility: collapse !important; }

#titlebar {

display: none; }

#sidebar-header {

display: none !important; }

To do this in Developer Edition you need to place this file in a different folder. Using the instructions to find the folder through the FF help menu works fine too. If the chrome folder and file isn't there, just create it and restart FF.