How can I customize the size of the NavigationBar Firefox?
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.
All Replies (11)
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
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
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?
Yes, I would like to make the search bar smaller but in the same toolbar that it already is.
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.
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.
Modified by cor-el
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.
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.
It changes into a resize pointer but nothing happens when I drag it
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?
It is not the size of the navigation bar that he shrunk it is the letters, they are so tiny