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 use the flexible space tool to customize my toolbar?

  • 3 replies
  • 113 have this problem
  • Last reply by cor-el

more options

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. 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.

All Replies (3)

more options

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(""); /* 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

more options

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

more options

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.