X
Tap here to go to the mobile version of the site.

Support Forum

How can I customize the size of the NavigationBar Firefox?

Posted

A few weeks ago my computer crashed and I had to reinstall all the programs. In the new Firefox I downloaded, the Navigation Bar (not the Address Bar) is very long and I tried to resize it (using Customise Option) to the look I am used to but it does not let me. Is there a way around it?

A few weeks ago my computer crashed and I had to reinstall all the programs. In the new Firefox I downloaded, the Navigation Bar (not the Address Bar) is very long and I tried to resize it (using Customise Option) to the look I am used to but it does not let me. Is there a way around it?

Chosen solution

Try this code in userChrome.css

@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}


Adjust the max-width to your needs.

Read this answer in context 0

Additional System Details

Installed Plug-ins

  • -Office Plugin for Netscape Navigator
  • Adobe PDF Plug-In For Firefox and Netscape
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • Default Plug-in
  • Shockwave Flash 10.1 r53
  • iTunes Detector Plug-in
  • DivX Web Player version 2.0.2.40
  • Picasa plugin
  • Windows Presentation Foundation (WPF) plug-in for Mozilla browsers
  • Google Update
  • Next Generation Java Plug-in 1.6.0_20 for Mozilla browsers

Application

  • User Agent: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-GB; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6 ( .NET CLR 3.5.30729; .NET4.0C)

More Information

firefox version 3.6.6
Windows Vista

the-edmeister
  • Top 25 Contributor
  • Moderator
5433 solutions 40564 answers

The URL bar (or as Firefox calls it, the Location bar) is part of the Navigation bar, so I'm not sure what you are trying to describe.

Please post a screenshot of what you are talking about. https://support.mozilla.com/en-US/kb/Adding+screenshots http://www.wikihow.com/Take-a-Screenshot-with-the-Snipping-Tool-in-Vista

The URL bar ''(or as Firefox calls it, the Location bar)'' is part of the Navigation bar, so I'm not sure what you are trying to describe. Please post a screenshot of what you are talking about. [https://support.mozilla.com/en-US/kb/Adding+screenshots] http://www.wikihow.com/Take-a-Screenshot-with-the-Snipping-Tool-in-Vista

Question owner

Hi, thanks for responding to my question. The Navigation bar that I tried to resize is not the URL Bar. It is in fact the search box that usually comes with "Suggestions" of recently searched options. I'm afraid I don't know the exact name for it. I have made the screen shot and highlighted the box with yellow colour. Thanks

Hi, thanks for responding to my question. The Navigation bar that I tried to resize is not the URL Bar. It is in fact the search box that usually comes with "Suggestions" of recently searched options. I'm afraid I don't know the exact name for it. I have made the screen shot and highlighted the box with yellow colour. Thanks
the-edmeister
  • Top 25 Contributor
  • Moderator
5433 solutions 40564 answers

Looks like you moved the Search bar off of the Navigation bar onto another toolbar. Both the Location bar and the Search bar are configured to use all the available space on whatever toolbar they occupy. What do you want to do with the Search bar? Make it smaller?

Looks like you moved the Search bar off of the Navigation bar onto another toolbar. Both the Location bar and the Search bar are configured to use all the available space on whatever toolbar they occupy. What do you want to do with the Search bar? Make it smaller?

Question owner

Yes, I would like to make the search bar smaller but in the same toolbar that it already is.

Yes, I would like to make the search bar smaller but in the same toolbar that it already is.
the-edmeister
  • Top 25 Contributor
  • Moderator
5433 solutions 40564 answers

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

Add this code to userChrome.css to lock the Search bar to a specific length. The ChromEdit Plus extension is the easiest way to create and edit the 3 "user" files. http://webdesigns.ms11.net/chromeditp.html #searchbar, .searchbar-textbox { max-width: 200px !important; } Adjust that 200 number to suit your needs.

http://kb.mozillazine.org/UserChrome.css Add this code to '''userChrome.css''' to lock the Search bar to a specific length. The ChromEdit Plus extension is the easiest way to create and edit the 3 "user" files. http://webdesigns.ms11.net/chromeditp.html <code> #searchbar, .searchbar-textbox { max-width: 200px !important; } </code> Adjust that '''200''' number to suit your needs.
cor-el
  • Top 10 Contributor
  • Moderator
17860 solutions 161617 answers

Chosen Solution

Try this code in userChrome.css

@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}


Adjust the max-width to your needs.

Try this code in userChrome.css <pre><nowiki>@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} </nowiki></pre> Adjust the max-width to your needs.

Modified by cor-el

jrmnr 1 solutions 15 answers

Hi, could you elaborate somewhat on your advice, I tried it but being not quite so computer intelligent I did not succeed. My son played with the computer and shrunk the the text in the navigation bar and I need to restore it. I know I need to change the width to 200 but unfortunately I am not able to get to it. Thanx.

Hi, could you elaborate somewhat on your advice, I tried it but being not quite so computer intelligent I did not succeed. My son played with the computer and shrunk the the text in the navigation bar and I need to restore it. I know I need to change the width to 200 but unfortunately I am not able to get to it. Thanx.
cor-el
  • Top 10 Contributor
  • Moderator
17860 solutions 161617 answers

You can place the mouse between the location bar and the search bar.
The mouse pointer will change to a resize pointer that you can drag to the right with the left button mouse pressed.

See also this KB article for other ways to resolve this.

You can place the mouse between the location bar and the search bar.<br /> The mouse pointer will change to a resize pointer that you can drag to the right with the left button mouse pressed. See also this KB article for other ways to resolve this. * http://kb.mozillazine.org/Corrupt_localstore.rdf
jrmnr 1 solutions 15 answers

It changes into a resize pointer but nothing happens when I drag it

It changes into a resize pointer but nothing happens when I drag it
jrmnr 1 solutions 15 answers

I know I have to change the max-width:200px. I just cannot figure out how to put that code you suggest in the userChrome.css . Any way you could walk me through?

I know I have to change the max-width:200px. I just cannot figure out how to put that code you suggest in the userChrome.css . Any way you could walk me through?
jrmnr 1 solutions 15 answers

It is not the size of the navigation bar that he shrunk it is the letters, they are so tiny

It is not the size of the navigation bar that he shrunk it is the letters, they are so tiny