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

expanding search bar window

  • 7 replies
  • 2 have this problem
  • 28 views
  • Last reply by kevner6868

more options

Hello I was hoping to expand the search bar and shrink the location bar. When I hover over the gap between the 2. the cursor will change and I can resize them about 1" in total. With the max size of the search window being 11 characters.

To be more concise.I'm hoping to have the search suggestions, be displayed more comepletely. For easier viewing of them.

Hello I was hoping to expand the search bar and shrink the location bar. When I hover over the gap between the 2. the cursor will change and I can resize them about 1" in total. With the max size of the search window being 11 characters. To be more concise.I'm hoping to have the search suggestions, be displayed more comepletely. For easier viewing of them.

Modified by kevner6868

Chosen solution

You can also choose to move the search bar to the "3-bar" Firefox menu button drop-down list by right-clicking the search engine icon (Move to Menu) or via the customize mode.

The DOM Inspector shows that the search container has two rule to set the minimum width:

  • min-width: calc(54px + 11ch);
  • min-width: 25ch;

You would have to override that minimum to make it possible to shrink the search bar beyond this minimum.

#search-container {
  min-width: 10ch !important;
}

  • chrome://browser/content/browser.css
  • chrome://browser/skin/browser.css
Read this answer in context 👍 0

All Replies (7)

more options

I don't have this problem. Can you test to see if safe mode helps?

more options

What I did was use an add-on and make another tool bar. I now have the address bar above the search bar. Lots of room for icons.

more options

Chosen Solution

You can also choose to move the search bar to the "3-bar" Firefox menu button drop-down list by right-clicking the search engine icon (Move to Menu) or via the customize mode.

The DOM Inspector shows that the search container has two rule to set the minimum width:

  • min-width: calc(54px + 11ch);
  • min-width: 25ch;

You would have to override that minimum to make it possible to shrink the search bar beyond this minimum.

#search-container {
  min-width: 10ch !important;
}

  • chrome://browser/content/browser.css
  • chrome://browser/skin/browser.css
more options

can't delete this entry

Modified by kevner6868

more options

Cor-el. I followed your instructions, but wasn't able to see the "3 bar" option my additional features pane.

more options

You can right-click the search engine icon on the search bar and click "Move to Menu" to move the item to the "3-bar" Firefox menu button drop-down list.

In current Firefox releases (29 and later) the orange Firefox menu button has been replaced by the three-bar Firefox Menu button at the far right end of the Navigation Toolbar and this button is always visible whether the Menu Bar is visible or hidden.

See also:

more options

Thank you Cor-rel . I didn't understand what was being refered to by the "3 bar" menu button. I was invisioning a "3 menu bars" option. Got it figured out thanks :)