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

Would like to remove search bar to see lovely snowmen add-on

  • 2 replies
  • 2 have this problem
  • 1 view
  • Last reply by FredMcD

more options

I can click between the URL and search bars to shorten them to the left, but the right hand side of the search bar stays where it was. I would like to condense both bars to the left so that I can see the lovely snowmen of my add-on. Or remove the search bar totally. Thanks, Nick

I can click between the URL and search bars to shorten them to the left, but the right hand side of the search bar stays where it was. I would like to condense both bars to the left so that I can see the lovely snowmen of my add-on. Or remove the search bar totally. Thanks, Nick

Chosen solution

You can move the search bar to the "3-bar" Firefox menu button drop-down list and it will still function properly and respond to the Ctrl+K keyboard shortcut.

  • Right-click the Search logo -> Move to Menu

You can also consider to add some opacity to the location bar and the search bar.

Add code to the userChrome.css file below the default @namespace line.


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

#navigator-toolbox {min-height:200px!important}

#urlbar {opacity:0.5!important}
#urlbar:hover {opacity:0.8!important}
#urlbar[focused="true"] {opacity:1!important}

#searchbar .searchbar-textbox {opacity:0.5!important}
#searchbar .searchbar-textbox:hover {opacity:0.8!important}
#searchbar .searchbar-textbox[focused="true"] {opacity:1!important}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • Paste the code in the userChrome.css file in the editor window
  • Make sure that the userChrome.css file starts with the default @namespace line
  • Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.
    Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file

You can use this button to go to the currently used Firefox profile folder:

Read this answer in context 👍 0

All Replies (2)

more options

Chosen Solution

You can move the search bar to the "3-bar" Firefox menu button drop-down list and it will still function properly and respond to the Ctrl+K keyboard shortcut.

  • Right-click the Search logo -> Move to Menu

You can also consider to add some opacity to the location bar and the search bar.

Add code to the userChrome.css file below the default @namespace line.


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

#navigator-toolbox {min-height:200px!important}

#urlbar {opacity:0.5!important}
#urlbar:hover {opacity:0.8!important}
#urlbar[focused="true"] {opacity:1!important}

#searchbar .searchbar-textbox {opacity:0.5!important}
#searchbar .searchbar-textbox:hover {opacity:0.8!important}
#searchbar .searchbar-textbox[focused="true"] {opacity:1!important}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • Paste the code in the userChrome.css file in the editor window
  • Make sure that the userChrome.css file starts with the default @namespace line
  • Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.
    Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file

You can use this button to go to the currently used Firefox profile folder:

Modified by cor-el

more options

What we really need is a way to display the themes properly.