• ARTICLES
SEARCH

How-To Geek

Convert Firefox 4’s Wide Menu Button into an Icon

Feeling frustrated with the size of Firefox 4’s menu button? You are just a step away from converting it into an icon that is pleasing to look at and takes up very little room.

As you can see in the image there is a definite size difference once the add-on is installed. The add-on currently works with Firefox versions 4.0b3 – 4.0b5pre.

Iconic Firefox Menu 1.0b1 [Mozilla Add-ons]

Akemi Iwaya (Asian Angel) is our very own Firefox Fangirl who enjoys working with multiple browsers and loves 'old school' role-playing games. Visit her on Twitter and .

  • Published 08/30/10

Comments (7)

  1. Djblois

    Now if we can get the Tabs on the title bar also then FF4 would be so much better.

  2. Mohammad Fawzi

    Thanks for sharing.
    @ Djblois
    I think it would be very nice too.

  3. Gary Y.

    I downloaded and installed firefox 4 beta and found out that the button doesn’t show on windows xp. I like the idea of it, large or small, but for me ff4 looks like the current release with a different theme.

  4. calebstein

    If you want tabs on the title bar, try Opera!

  5. NaySayer

    @Gary: Under View -> Toolbars, uncheck the Menu Bar option, and the orange Firefox button should appear.

  6. Gaitch32

    If you want to have the tabs in the titlebar, paste the code below in your userChrome.css file right after the @namespace line:

    #appmenu-button-container{
    position: fixed !important;
    }

    #navigator-toolbox[tabsontop="true"] #TabsToolbar{
    padding-left: 80px !important;
    margin-right: 105px !important;
    padding-top: 2px !important;
    }

    #appmenu-button{
    padding: 3px 5px 3px 5px !important;
    height: 20px !important;
    }

    Make a back up of the file before you mess with it. It should be located here:

    [Windows Vista7……….. C:Users\AppDataRoamingMozillaFirefoxProfiles\chrome

    [Windows XP……… C:Documents and Settings\Application DataMozillaFirefoxProfiles\chrome

  7. Gaitch32

    The paths didn’t display correctly in the above post. Google the location of the userChrome.css file if you can’t find it.

Get Free Articles in Your Inbox!

Join 134,000 newsletter readers

Email:

Go check your email!