Go to menu > customize as you did in picture 2. You can just drag the flexible space to shrink the bar. What useful tools are being obscured? You didn't drag any of them onto the main bar.

If that's not what you want, could you dump the userchrome.css here?

I put the flexible space to the left of the address bar, exited the customize tab, and the toolbar immediately covered the space along with the other tools, which are "print, cut, copy, paste". Here's the .css file:

/* Hide Icons on Main Toolbar */
#nav-bar .toolbarbutton-1:not([skipintoolbarset]) .toolbarbutton-icon, 
#PanelUI-menu-button .toolbarbutton-badge-stack {
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Show Text Labels on Main Toolbar */
#nav-bar .toolbarbutton-1:not([skipintoolbarset]) .toolbarbutton-text {
  display: -moz-box !important;
  font-size: 14px !important;
  padding: 4px !important;
}
#downloads-button .toolbarbutton-badge-stack, 
#downloads-indicator-anchor, #downloads-indicator-icon, 
#downloads-indicator-progress-outer, #downloads-indicator-progress-inner {
  display: inline-block !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#personal-bookmarks 
 .bookmark-item:not([container=true])
 .toolbarbutton-icon {
 display:none!important;
}

You can use <pre> before and </pre> after your CSS to prevent the forum from reinterpreting it.

Try adding this:

/* Set maximum width for URL bar container (outer box) */
#urlbar-container {
  max-width: 50vw !important; /* 50% */
}

Note that you have a misplaced @namespace line in your code.

You can try to rename/remove xulstore.json in the Firefox profile folder with Firefox closed.

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.

• Help -> Troubleshooting Information -> Profile Folder/Directory:
  Windows: Open Folder; Linux: Open Directory; Mac: Show in Finder
• https://support.mozilla.org/en-US/kb/Profiles

Thanks, Cor-el, for catching that. When you say 'misplaced", do you mean it should be someplace else in the code, or deleted?

jschr2000, can I simply add your suggested code at the end of the existing in the .css file? Thanks to both of you for your help.

gyaltnnh said

jschr2000, can I simply add your suggested code at the end of the existing in the .css file?

Yes.

Thanks, jschr2000. I added the code, closed and started FF again, and address bar stayed smaller, and tools are visible. Strangely, if I re-size the FF window, larger or smaller, the bar immediately jumps to the left and covers the tools. Screen shots below.

gyaltnnh said

Strangely, if I re-size the FF window, larger or smaller, the bar immediately jumps to the left and covers the tools. Screen shots below.

The Cut-Copy-Paste moves to the overflow menu? I don't know why that would happen when there is so much space.

jscher2000 said

gyaltnnh said

Strangely, if I re-size the FF window, larger or smaller, the bar immediately jumps to the left and covers the tools. Screen shots below.

The Cut-Copy-Paste moves to the overflow menu? I don't know why that would happen when there is so much space.

Covers the flexible space between the URL bar and "paste" also. I can live with it because I don't resize very much, but it is puzzling. Thanks.

What items do appear in the overflow (>>) drop-down list ?

Do you have extensions that place info on the Navigation Toolbar that could be causing this even when your CSS code is hiding content (extension labels might be quite long) ?

What happens if you disable all extensions ?

I've tried your code and it seems to work properly. The location bar resizes automatically when I resize the window and snaps back when there is enough space to show the next button.

cor-el said

Note that you have a misplaced @namespace line in your code. Thanks, Cor-el, for catching that. When you say 'misplaced", do you mean it should be someplace else in the code, or deleted?

Do you already have the @namespace line in userChrome.css ?

You would normally place the @namespace line at the start of userChrome.css or if you use @import url() to import additional/separate files then below these @import lines.

cor-el said

What items do appear in the overflow (>>) drop-down list ? Do you have extensions that place info on the Navigation Toolbar that could be causing this even when your CSS code is hiding content (extension labels might be quite long) ? What happens if you disable all extensions ? I've tried your code and it seems to work properly. The location bar resizes automatically when I resize the window and snaps back when there is enough space to show the next button.

Anything that gets covered up appears in the overflow.

Only one extension enabled, called "domain in title".

Just noticed that when I resize the window, the URL bar covers "cut,copy, paste" and maybe "print", but if I then open the "customize" tab and close it, the URL bar moves back to the right.

cor-el said

Do you already have the @namespace line in userChrome.css ? You would normally place the @namespace line at the start of userChrome.css or if you use @import url() to import additional/separate files then below these @import lines.

No, it is just as you see it above. I copied the entire css file. I am not writing any of that code, it is code that others have suggested I use to solve a problem. I just try to follow the directions.