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

/* Reorder toolbars */ in userChrome.css

  • No replies
  • 1 has this problem
  • 14 views
more options

I have been trying to reorder the toolbars in Firefox version 89.

I can change the order of the tab bar, URL bar and the personal toolbar - but the command bar always maintains its position relative to the tab bar.

How can I separate the command bar from the tab bar?

I would like to have the following order from top down

1 - command bar 2 - URL bar 3 - personal toolbar 4 - tab bar

Could somebody please explain to me the meanings and relevance of the #labels and the relationship of the numbers as used in the sample style code as shown below?

/* Reorder toolbars */

  1. navigator-toolbox #titlebar {

-moz-box-ordinal-group: 1; }

  1. navigator-toolbox #nav-bar, findbar {

-moz-box-ordinal-group: 2; }

  1. navigator-toolbox #PersonalToolbar {

-moz-box-ordinal-group: 3; }

  1. navigator-toolbox toolbar {

-moz-box-ordinal-group: 10; }

  1. navigator-toolbox #TabsToolbar {

-moz-box-ordinal-group: 100; }

OR please provide me with a link to an online resource which would explain it all to me?

I have been trying to reorder the toolbars in Firefox version 89. I can change the order of the tab bar, URL bar and the personal toolbar - but the command bar always maintains its position relative to the tab bar. How can I separate the command bar from the tab bar? I would like to have the following order from top down 1 - command bar 2 - URL bar 3 - personal toolbar 4 - tab bar Could somebody please explain to me the meanings and relevance of the #labels and the relationship of the numbers as used in the sample style code as shown below? /* Reorder toolbars */ #navigator-toolbox #titlebar { -moz-box-ordinal-group: 1; } #navigator-toolbox #nav-bar, findbar { -moz-box-ordinal-group: 2; } #navigator-toolbox #PersonalToolbar { -moz-box-ordinal-group: 3; } #navigator-toolbox toolbar { -moz-box-ordinal-group: 10; } #navigator-toolbox #TabsToolbar { -moz-box-ordinal-group: 100; } OR please provide me with a link to an online resource which would explain it all to me?