Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

How do I use the flexible space tool to customize my toolbar?


I want to get the navigation bar out of the way of my new persona graphics, so I need to add space at the end of the toolbar. I tried using the flexible space icon, but I can find no way of setting the width of the space. The only thing that works is to use about 20 of the fixed-width spaces.

So...how does one set the width of a flexible space?? I've tried everything intuitive--dragging with the editor open, dragging with it closed, using separators at each end, using icons at each end, even right-clicking in hopes of a context menu. When all that failed, I looked for some documentation, checked the forums, etc. etc.

Working in Windows-7 64-bit, but had same problem in XP 32- and 64-bit versions.

Additional System Details

Installed Plug-ins

  • Default Plug-in
  • Shockwave Flash 10.1 r85
  • Office Authorization plug-in for NPAPI browsers
  • The plug-in allows you to open and edit files using Microsoft Office applications
  • NVIDIA 3D Vision plugin for Mozilla browsers
  • NVIDIA 3D Vision Streaming plugin for Mozilla browsers
  • Adobe PDF Plug-In For Firefox and Netscape "9.4.0"


  • User Agent: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv: Gecko/20101012 Firefox/3.6.11

More Information

  • Top 10 Contributor
  • Moderator
10781 solutions 97024 answers

The location bar and search bar have a flex property and take all available space.
You can change the relative size of both with that resizer between the two bars, but that won't change the space that both take.
You can add Space elements at the right of the bar in the "View > Toolbars > Customize" window to make the location bar shorter.

You can set a maximum width of the location and/or search bar with code in userChrome.css
Add code to userChrome.css below the @namespace line.

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

Help > Troubleshooting Information > Profile Directory > Open Containing folder

See also http://kb.mozillazine.org/Editing_configuration#How_to_edit_configuration_files

JoolsTwo 0 solutions 1 answers

that solved one of my problems too, but I'm trying to use a flexible space to move some of the elements on my google toolbar, but how do you alter then size of the flexible space it always seems to be a fixed length of about 1/3 width of the screen

Modified by JoolsTwo

  • Top 10 Contributor
  • Moderator
10781 solutions 97024 answers

You can't change the width of a flexible space. If you place flexible space on as toolbar then it pushes all elements next to it to the end of the toolbar. If there are other elements on a toolbar that have a flex attribute then the relative value of the flex attribute determines how much space each gets. Flexible space is 1 the location bar is 400 and the search bar is 100.