Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

On Monday the 3rd of March, around 5pm UTC (9am PT) users may experience a brief period of downtime while one of our underlying services is under maintenance.

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

How do I shorten the address bar?

  • 3 replies
  • 11 have this problem
  • 1 view
  • Last reply by cor-el

more options

The address bar in my Firefox covers so much of the space I cannot see some of the icons either side, reload, home, stop ,etc, so how do I resize the address bar?

The address bar in my Firefox covers so much of the space I cannot see some of the icons either side, reload, home, stop ,etc, so how do I resize the address bar?

All Replies (3)

more options
more options

Sorry, but this doesn't work. I found out the only way I can seem to do it is in VIEW>TOOLBARS>CUSTOMISE, then add spaces and this reduces the space for the address bar, you can than put in icons you need. Hope this helps someone else, as the help here is about icons and tool bars, not about the address bar.

more options

The location bar (flex:400) and the search bar (flex:100) have a flex property and take up all available space.

You can place the mouse pointer between the location bar and the search bar and it will become a resize icon that you can drag right or left with the left mouse button pressed to change the relative width of the two bars.

You can set the max-width of the location bar and the search bar to force a maximum width of both bars.

@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; }

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.