X
Tap here to go to the mobile version of the site.

Support Forum

Update To FF 71 Moved Tabs Above Address Bar How To Move Them Back?

Posted

Got updated to FF71 and my Tabs which I had moved under address bar got moved back above the address bar. (Had moved them under by creating userChrome.css file which no longer works) Is there anyway I can get the tabs again to display to under the address bar? It's just so confusing with the tabs on top. I appreciate any help!

Got updated to FF71 and my Tabs which I had moved under address bar got moved back above the address bar. (Had moved them under by creating userChrome.css file which no longer works) Is there anyway I can get the tabs again to display to under the address bar? It's just so confusing with the tabs on top. I appreciate any help!

Chosen solution

Great! This worked like a champ -- Once I figured it out (Not tech savoy, but I got enough from your description to get the right file to the right place). Thank you so much for the assist!

Read this answer in context 0
Quote

Additional System Details

Installed Plug-ins

  • Shockwave Flash 32.0 r0

Application

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0

More Information

the-edmeister
  • Top 25 Contributor
  • Moderator
5419 solutions 40418 answers

Helpful Reply

A selector used in userChrome.css in that "Tabs Above Address Bar" modification was changed once again, so you need to update the code that you are using.

See this: https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar

A selector used in userChrome.css in that "Tabs Above Address Bar" modification was changed once again, so you need to update the code that you are using. See this: https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar
Was this helpful to you? 1
Quote

Chosen Solution

Great! This worked like a champ -- Once I figured it out (Not tech savoy, but I got enough from your description to get the right file to the right place). Thank you so much for the assist!

Great! This worked like a champ -- Once I figured it out (Not tech savoy, but I got enough from your description to get the right file to the right place). Thank you so much for the assist!
Was this helpful to you?
Quote
RFM 0 solutions 1 answers

Helpful Reply

Just to be clear, for those who understand about the "userChrome.css" file, the following block of code needs to be placed in that file. A simple copy and past of this section, taken from the page linked by "the-edmeister" above, worked perfectly in Firefox 71, and the page states that the "code works in Firefox 65 and above." Note that you do need to restart Firefox after editing the css file. Back up your css file, then Copy and Paste all of the following:


/* TABS on bottom */

  1. navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
-moz-box-ordinal-group: 10;

}

  1. TabsToolbar {
-moz-box-ordinal-group: 1000 !important;

}

  1. TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;

}

  1. main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;

}

  1. tabbrowser-tabs {
width: 100vw !important;

}

  1. TabsToolbar #window-controls {
display: none !important;

}

Just to be clear, for those who understand about the "userChrome.css" file, the following block of code needs to be placed in that file. A simple copy and past of this section, taken from the page linked by "the-edmeister" above, worked perfectly in Firefox 71, and the page states that the "code works in Firefox 65 and above." Note that you do need to restart Firefox after editing the css file. Back up your css file, then Copy and Paste all of the following: /* TABS on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) { -moz-box-ordinal-group: 10; } #TabsToolbar { -moz-box-ordinal-group: 1000 !important; } #TabsToolbar { display: block !important; position: absolute !important; bottom: 0 !important; width: 100vw !important; } #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox { padding-bottom: var(--tab-min-height) !important; } #tabbrowser-tabs { width: 100vw !important; } #TabsToolbar #window-controls { display: none !important; }
Was this helpful to you? 1
Quote

Question owner

Thank you for the reply ... This solution would be faster for those with an existing css file, you can just paste this over the old file ... What would really be great if those updating Firefox wouldn't mess this up or at least added in a fix such as this to work around the update ... After using this format for years, it is jarring to have to find the tabs after they moved ... There used to be a line in the drop down box for "Tabs On Bottom"

Thank you for the reply ... This solution would be faster for those with an existing css file, you can just paste this over the old file ... What would really be great if those updating Firefox wouldn't mess this up or at least added in a fix such as this to work around the update ... After using this format for years, it is jarring to have to find the tabs after they moved ... There used to be a line in the drop down box for "Tabs On Bottom"
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.