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

How to Move Address Bar Down

  • 8 பதிலளிப்புகள்
  • 1 இந்த பிரச்சனை உள்ளது
  • 1 view
  • Last reply by Terry

I just need a way to rearrange tool bars, and in particular, move the address bar to the bottom.

I am using: Name Firefox Version 91.8.0esr Build ID 20220330151638 Distribution ID User Agent Mozilla/5.0 (X11; Linux x86_64; rv:91.0) Gecko/20100101 Firefox/91.0 OS Linux 5.10.0-13-amd64 #1 SMP Debian 5.10.106-1 (2022-03-17) Debian 11 with Xfce 4.16

I just need a way to rearrange tool bars, and in particular, move the address bar to the bottom. I am using: Name Firefox Version 91.8.0esr Build ID 20220330151638 Distribution ID User Agent Mozilla/5.0 (X11; Linux x86_64; rv:91.0) Gecko/20100101 Firefox/91.0 OS Linux 5.10.0-13-amd64 #1 SMP Debian 5.10.106-1 (2022-03-17) Debian 11 with Xfce 4.16

All Replies (8)

Do you mean you want the address bar at the bottom of the window? To change the position of the toolbars I believe you need a userChrome.css file. Remove the blank space in the link below.

https://www.userchrome. org/how-create-userchrome-css.html

No, I just want to move it down below the bookmarks toolbar.

You need a userChrome.css file for that as well. You will probably have to look elsewhere for code such as the Reddit sub FirefoxCSS, gitlab or mozillazine. org.

Something like this in userChrome.css should work.


#navigator-toolbox #nav-bar {
 -moz-box-ordinal-group:10 !important;
}

More info about userContent.css and userChrome.css in case you are not familiar: *https://www.userchrome.org/what-is-userchrome-css.html

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

That looks like it might work. However, I cannot find the userChrome.css file. Where is it supposed to be?

It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder with the random name (xxxxxxxx.default-release).

You can find the button to go to the profile folder under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in the profile folder with the random name (name is all lowercase). In the chrome folder you need to create a plain text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted. On Mac you can use the TextEdit utility to create the userChrome.css file as a plain text file.

In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".

You need to close (Quit/Exit) and restart Firefox when you create or modify the userChrome.css file.

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

More info about userContent.css and userChrome.css in case you are not familiar: *https://www.userchrome.org/what-is-userchrome-css.html

So now I'm confused. Without a direct answer to questions, everything gets disconnected.

It appears now that you are implying that one must create the file.

Yes, you have to create it in the same way as userChrome.css so look at the links which tell you how to create userChrome.css.