Hide or move the orange button in Firefox 4 (updated)

Filed under: Mozilla, Browsers
With the release of the latest Firefox 4 beta build, the original userChrome.css hack fails to remove the big, orange menu button. Fortunately, Download Squad commenter poiru pointed out a thread on the Rainmeter forums that provides some working CSS! If you know what you're doing, head over to that thread and copy the CSS -- if not, read on for some instructions!

Open Firefox 4 beta 5 (or later)
Locate your Profile directory -- click Help > Troubleshooting Information and then Open Containing Folder
Now navigate to the Chrome directory
Copy userChrome-example.css
Rename your copy to userChrome.css
Open userChrome.css in your editor of choice and dump the following code in it:

margin-top:0px!important;
}
#appmenu-button-container {
position: fixed!important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-left: 110px !important;
}
.tabbrowser-strip {
height: 22px!important;
}
.tabbrowser-tab {
height: 22px!important; padding-right: 3px!important;
}
#toolbar-menubar {
margin: -27px 98px 2px 95px;
}
Alternatively, you can download my userChrome.css file -- but make sure you rename it beforehand!

You'll note that my code is slightly different from the CSS on the Rainmeter forums. I played with the positioning a little to make it "tighter." That said, I'm sure that with a little work you could make it look even nicer -- and if you do, please share your changes in the comments.Hide or move the orange button in Firefox 4 (updated) originally appeared on Download Squad on Sun, 12 Sep 2010 12:03:00 EST. Please see our terms for use of feeds.Permalink | Email this | Comments

EMS TECHNOLOGIES EMC ELECTRONICS FOR IMAGING ELECTRONIC DATA SYSTEMS