We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

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

  • 3 àwọn èsì
  • 113 ní àwọn ìṣòro yìí
  • 18 views
  • Èsì tí ó kẹ́hìn lọ́wọ́ 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.

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)

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

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

Ti ṣàtúnṣe nípa 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.