Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

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

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

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

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.

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.

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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("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
JoolsTwo
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

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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.