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 replies
  • 1 has this problem
  • 1 view
  • Last reply by Terry

more options

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)

more options

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

more options

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

more options

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.

more options

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.

more options

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

more options

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

more options

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.

more options

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.