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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

How do I shorten the address bar?

  • 3 uphendule
  • 11 zinale nkinga
  • 2 views
  • Igcine ukuphendulwa ngu 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.