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!

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

How can I make the search bar wider?

more options

My search and address box are on the same line. But the search bar is just long enough to write in maybe three words.I'd like to extend it. Taking space from the address bar is fine because 'it' takes up half the browser length. Thanks.

This happened

Every time Firefox opened

== I placed theaddress and search bar on the same line as the menu.

My search and address box are on the same line. But the search bar is just long enough to write in maybe three words.I'd like to extend it. Taking space from the address bar is fine because 'it' takes up half the browser length. Thanks. == This happened == Every time Firefox opened == I placed theaddress and search bar on the same line as the menu.

All Replies (3)

more options

You lose the resize feature for the URL bar / Search bar when you move those items off the Navigation bar.
You'll have to use some userChrome.css code to make the Search container larger.

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

See how this works for you - the 400px is the width, change to suit your needs.

#searchbar, .searchbar-textbox {
 max-width: 400px !important;
}

Modified by cor-el

more options

'You lose the resize feature for the URL bar / Search bar when you move those...'

Oh so that's why. That explains it. I just moved it back to the Bookmark bar.

Thank you edmeister.

more options

If the location bar and search bar are next to each other then you can place the mouse between the location bar and search bar to resize both bars. That only work if there is nothing between the two.

You can set a min-width for the search bar to force a larger search bar:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#search-container {
 min-width: 200px!important;
}


Add the code to userChrome.css below the @namespace line. See http://kb.mozillazine.org/Editing_configuration#How_to_edit_configuration_files

Modified by cor-el