This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

How to make address and awesome bar not auto-expand?

  • 5 fhreagra
  • 2 leis an bhfadhb seo
  • 12 views
  • Freagra is déanaí ó lapsangleaf

more options

I'm looking to customize firefox's appearance. I want two rows: one with the menu button, tabs, and awesome bar (in that order), and another with the forward/back buttons, address bar, home button, and bookmarks toolbar items (also in that order).

In both cases, the address bar and the awesome bar expand to fill all of the empty space (ei. my awesome bar starts spanning almost the entire row) and shrink as more items are added (ei. as I open more tabs). I would like to make it so they have a set size.

I'm looking to customize firefox's appearance. I want two rows: one with the menu button, tabs, and awesome bar (in that order), and another with the forward/back buttons, address bar, home button, and bookmarks toolbar items (also in that order). In both cases, the address bar and the awesome bar expand to fill all of the empty space (ei. my awesome bar starts spanning almost the entire row) and shrink as more items are added (ei. as I open more tabs). I would like to make it so they have a set size.

Réiteach roghnaithe

Add code to the userChrome.css file below the default @namespace line.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#urlbar-container { max-width:400px!important; }
#search-container { max-width:200px!important; }
Read this answer in context 👍 2

All Replies (5)

more options

Réiteach Roghnaithe

Add code to the userChrome.css file below the default @namespace line.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#urlbar-container { max-width:400px!important; }
#search-container { max-width:200px!important; }
more options

Thank you! It took me a while to get around to doing this, hence the late response, but it works like a charm!

Cheers, Steavio99

more options

Well, either this doesn't work for me (using ff 22 on OS X 10.8.4) or I'm getting something wrong. Could you, perhaps, simplify this workaround even more? Thanks.

more options

These directions are found within the articles cor-el linked to. Here they are simply:

Go to help->troubleshooting. Click the button 'show folder', next to 'profile folder'.

Create a new folder named 'chrome'.

Open up TextEdit (for non-mac OS: use notepad or your favorite text editor). Copy in the lines at the end of cor-el's message (from "@namespace" onward).

Save the file in the folder you just created (chrome) and name it 'userChrome.css'. I don't use mac, but there's probably some option of what format to save it in. Choose 'plain text' or 'all formats' or something like that.

Restart Firefox. Your panels should now be a fixed width. You can experiment with changing the values 400 and 200 to make the panels longer or shorter to your needs.

more options

That's exactly what I did. I created a chrome folder here: (home)/Library/Application Support/Firefox/Profiles/(....default)/chrome Within which I created a userChrome.css file that reads:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

  1. urlbar-container { max-width:400px!important; }
  2. search-container { max-width:200px!important; }

It hasn't worked.