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

Navigation field size

  • 3 replies
  • 1 has this problem
  • 13 views
  • Last reply by Freyr112

more options

I want to resize the navigation field, after changing the location of my icons it now streches over the full width of my screen (27") I would like the field to be around a third of the total bar width and I dont want to place any other icons/fields next to it.

The field navigation field resizes automaticly when you add/remove the default fields/Icons. If I add the search window back to the bar again you get a slider where I can change their individual width, but if I remove the search field again my navigation fields width stretches back to fill the whole screen again.

I added and tested alot of add-ons also did a google search, but no luck. I hope someone can help me with my problem.

I want to resize the navigation field, after changing the location of my icons it now streches over the full width of my screen (27") I would like the field to be around a third of the total bar width and I dont want to place any other icons/fields next to it. The field navigation field resizes automaticly when you add/remove the default fields/Icons. If I add the search window back to the bar again you get a slider where I can change their individual width, but if I remove the search field again my navigation fields width stretches back to fill the whole screen again. I added and tested alot of add-ons also did a google search, but no luck. I hope someone can help me with my problem.

Chosen solution

A little bit of userChrome.css code can 'fix' the size of the URL bar container. Change the 1050 number to the size you want. That's what I happen to set the URL bar container size to.

#urlbar-container {max-width:1050px!important}

http://kb.mozillazine.org/UserChrome.css

You can also do that by using Stylish and a UserStyle, such as this one. https://userstyles.org/styles/45548/firefox-4-fixed-url-bar-width There is an 'Install with Stylish' button to install Stylish. https://addons.mozilla.org/en-US/firefox/addon/stylish/

Read this answer in context 👍 1

All Replies (3)

more options

Can you attach a screenshot?

  • Use a compressed image type like PNG or JPG to save the screenshot
  • Make sure that you do not exceed the maximum size of 1 MB

Firefox would normally fit all the icons on the Navigation Toolbar even with the search bar removed. I usually move the search bar to the "3-bar" menu button drop-down list to see more of the URL and I'm not getting an overflow chevron.

Do you have any extensions that place information on the Navigation Toolbar? Does it help if you rearrange the toolbar buttons?


Start Firefox in Safe Mode to check if one of the extensions (Firefox menu button/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.

  • Switch to the DEFAULT theme: Firefox menu button/Tools > Add-ons > Appearance
  • Do NOT click the Reset button on the Safe Mode start window
more options

Chosen Solution

A little bit of userChrome.css code can 'fix' the size of the URL bar container. Change the 1050 number to the size you want. That's what I happen to set the URL bar container size to.

#urlbar-container {max-width:1050px!important}

http://kb.mozillazine.org/UserChrome.css

You can also do that by using Stylish and a UserStyle, such as this one. https://userstyles.org/styles/45548/firefox-4-fixed-url-bar-width There is an 'Install with Stylish' button to install Stylish. https://addons.mozilla.org/en-US/firefox/addon/stylish/

more options

Thanks!

navigation field (urlbar) now changed to the size I want it to :)