Replacing the Firefox button with an icon

Recent Firefox betas replaced the menu bar with a Firefox button. Under Linux, this is not enabled by default, but right-clicking on the menu bar allows to disable the menu bar, which enables the Firefox button.

The button is not exactly very appealing, and takes quite a lot of horizontal space on the tab bar. But with a few lines of CSS, this can fortunately be changed. Edit the chrome/userChrome.css file under your user profile, and add the following lines:

#appmenu-toolbar-button {
  list-style-image: url("chrome://branding/content/icon16.png");
#appmenu-toolbar-button > .toolbarbutton-text,
#appmenu-toolbar-button > .toolbarbutton-menu-dropmarker {
  display: none !important;

This what Firefox looks like, then:

2011-01-15 15:46:37+0900


You can leave a response, or trackback from your own site.

5 Responses to “Replacing the Firefox button with an icon”

  1. Giuliano Says:

    Is this extension working with Linux? It povides a very nice Iconic Firefox Menu.

  2. Cambia el botón “Firefox” por un icono en Firefox 4 (también válido para Iceweasel) « De pingüinos y otras aves Says:

    […] en el caso de Debian), por un iconito. Para ello, y como nos cuentan en el blog del desarrollador de Iceweasel deberemos añadir las siguientes líneas al archivo userChrome.css dentro de la […]

  3. Ubuntu Life Says:

    […] en | Glandium LikeBe the first to like this […]

  4. dude Says:

    Internet Explorer 9 and Chrome 9 don’t even have a button on the top left, they just have a big fat tool icon on the right.

  5. How to reduce the Firefox 4 menu button to an icon in Linux Says:

    […] Via JAMXCORE via […]

Leave a Reply