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

Support Forum

Tab toolbar should be below bookmarks bar - post quantum fix bricked by version 65 again.

Posted

As the title says - the post-quantum inofficial fix (linked here: https://support.mozilla.org/en-US/questions/1184503) to move tabs back to the ground will no longer work, when 65 becomes stable. Will they fix it? No: https://bugzilla.mozilla.org/show_bug.cgi?id=1508361 . Why did they: https://bugzilla.mozilla.org/show_bug.cgi?id=1356920 ... no clue at all from that...

Anyone who is familiar with that piece of ductwork i.e. is able to understand what they call documentation, please advice how to get tabs back to bottom again. I tried some things but due to the fact that the TabsToolbar element seems to have completely changed its entire nature nothing worked to change its position. Could not even manage to find out what is the actual kind of container-elements name that now is said to contain the menubar and tabbar.

As the title says - the post-quantum inofficial fix (linked here: https://support.mozilla.org/en-US/questions/1184503) to move tabs back to the ground will no longer work, when 65 becomes stable. Will they fix it? No: https://bugzilla.mozilla.org/show_bug.cgi?id=1508361 . Why did they: https://bugzilla.mozilla.org/show_bug.cgi?id=1356920 ... no clue at all from that... Anyone who is familiar with that piece of ductwork i.e. is able to understand what they call documentation, please advice how to get tabs back to bottom again. I tried some things but due to the fact that the TabsToolbar element seems to have completely changed its entire nature nothing worked to change its position. Could not even manage to find out what is the actual kind of container-elements name that now is said to contain the menubar and tabbar.

Chosen solution

Or switch to the rules of the master who has been working on this for a while now:

https://github.com/Aris-t2/CustomCSSforFx/issues/164

You will need to combine the rules in these two files (if pasting into one userChrome.css file, remove the @import line from the second one):

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar.css

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65.css

Read this answer in context 2

Additional System Details

Installed Plug-ins

  • Shockwave Flash 31.0 r0
  • VLC media player Web Plugin
    • This is Waterfox!

Application

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

More Information

jscher2000
  • Top 10 Contributor
8569 solutions 70085 answers

Helpful Reply

Were you planning to switch from Waterfox to Firefox?

Yes, the structure has changed, with the menu bar and tabs bar unified into a new element with id="titlebar". Accordingly, the basic rules are:

/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 1 !important;
  box-shadow: none !important;
}
#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 2 !important;
}
#titlebar { /* menu bar + tabs bar */
  -moz-box-ordinal-group: 3 !important;
  padding-top: 0 !important;
}

/* Vertical space for min/max/close buttons above the main toolbar */
/* Sized on Windows 7 */
#main-window[tabsintitlebar="true"][sizemode="normal"]:not([inFullscreen="true"]) #nav-bar {
  margin-top: 22px !important;
}
#main-window[tabsintitlebar="true"][sizemode="maximized"]:not([inFullscreen="true"]) #nav-bar {
  margin-top: 28px !important;
}

If you display the classic menu bar, you're not going to like the results...

Were you planning to switch from Waterfox to Firefox? Yes, the structure has changed, with the menu bar and tabs bar unified into a new element with id="titlebar". Accordingly, the basic rules are: <pre>/* Tab bar below Navigation & Bookmarks Toolbars */ #nav-bar { /* main toolbar */ -moz-box-ordinal-group: 1 !important; box-shadow: none !important; } #PersonalToolbar { /* bookmarks toolbar */ -moz-box-ordinal-group: 2 !important; } #titlebar { /* menu bar + tabs bar */ -moz-box-ordinal-group: 3 !important; padding-top: 0 !important; } /* Vertical space for min/max/close buttons above the main toolbar */ /* Sized on Windows 7 */ #main-window[tabsintitlebar="true"][sizemode="normal"]:not([inFullscreen="true"]) #nav-bar { margin-top: 22px !important; } #main-window[tabsintitlebar="true"][sizemode="maximized"]:not([inFullscreen="true"]) #nav-bar { margin-top: 28px !important; } </pre> If you display the classic menu bar, you're not going to like the results...
jscher2000
  • Top 10 Contributor
8569 solutions 70085 answers

Or if you're experimenting, maybe one of these, depending on whether you show the Bookmarks Toolbar:

/* Tab bar below Navigation & Bookmarks Toolbars
   with DISPLAYED Bookmarks Toolbar on Windows 7 Aero */
#navigator-toolbox, #nav-bar, #PersonalToolbar {
  position: relative;
}
#navigator-toolbox {
  height: 130px !important;
}
#TabsToolbar { /* tabs bar */
  padding-top: 90px !important;
}
#toolbar-menubar[autohide="false"] ~ #TabsToolbar { /* tabs bar */
  padding-top: 71px !important;
}
#nav-bar { /* main toolbar */
  box-shadow: none !important;
  margin-top: -102px !important;
}
/* Tab bar below Navigation & Bookmarks Toolbars
   with HIDDEN Bookmarks Toolbar on Windows 7 Aero */
#navigator-toolbox, #nav-bar, #PersonalToolbar {
  position: relative;
}
#navigator-toolbox {
  height: 110px !important;
}
#TabsToolbar { /* tabs bar */
  padding-top: 70px !important;
}
#toolbar-menubar[autohide="false"] ~ #TabsToolbar { /* tabs bar */
  padding-top: 51px !important;
}
#nav-bar { /* main toolbar */
  box-shadow: none !important;
  margin-top: -82px !important;
}
Or if you're experimenting, maybe one of these, depending on whether you show the Bookmarks Toolbar: <pre>/* Tab bar below Navigation & Bookmarks Toolbars with DISPLAYED Bookmarks Toolbar on Windows 7 Aero */ #navigator-toolbox, #nav-bar, #PersonalToolbar { position: relative; } #navigator-toolbox { height: 130px !important; } #TabsToolbar { /* tabs bar */ padding-top: 90px !important; } #toolbar-menubar[autohide="false"] ~ #TabsToolbar { /* tabs bar */ padding-top: 71px !important; } #nav-bar { /* main toolbar */ box-shadow: none !important; margin-top: -102px !important; } </pre> <pre>/* Tab bar below Navigation & Bookmarks Toolbars with HIDDEN Bookmarks Toolbar on Windows 7 Aero */ #navigator-toolbox, #nav-bar, #PersonalToolbar { position: relative; } #navigator-toolbox { height: 110px !important; } #TabsToolbar { /* tabs bar */ padding-top: 70px !important; } #toolbar-menubar[autohide="false"] ~ #TabsToolbar { /* tabs bar */ padding-top: 51px !important; } #nav-bar { /* main toolbar */ box-shadow: none !important; margin-top: -82px !important; } </pre>
jscher2000
  • Top 10 Contributor
8569 solutions 70085 answers

Chosen Solution

Or switch to the rules of the master who has been working on this for a while now:

https://github.com/Aris-t2/CustomCSSforFx/issues/164

You will need to combine the rules in these two files (if pasting into one userChrome.css file, remove the @import line from the second one):

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar.css

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65.css

Or switch to the rules of the master who has been working on this for a while now: https://github.com/Aris-t2/CustomCSSforFx/issues/164 You will need to combine the rules in these two files (if pasting into one userChrome.css file, remove the @import line from the second one): https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar.css https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65.css

Modified by jscher2000

Question owner

Kudos! It was (again :-/) a bit of a mess to reduce this to what I basically needed, but it worked.

Here are the snippets of my css, which I altered from their pre 65 version (remove ! before leading hash-signs): !#TabsToolbar { /* tab bar */ position: absolute !important; bottom: 0 !important; width: 100vw !important; -moz-box-ordinal-group: 3 !important; border-bottom: thin solid rgb(142, 142, 142); /* #8E8E8E */ background-color: #f6f6f6 !important; }

!#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {

 padding-bottom: 33px !important;

}

No - I ultimately moved to Waterfox now, as I am tired of being bothered with such things over and over again. This is my way of showing my disappointment about the direction in which FF is developing (with Quantum being my last straw). Admittedly Waterfox has its own caveats besides proivding me the browser experience FF refuses, so that is why I still have FF (nightly) as a backup in case there is any application or website that does not work properly on Waterfox. And for whatever reason, I not gave up on FF completely, still hoping for a comeback (of ripped out features) someday.

Anyway, thank you very much!

Kudos! It was (again :-/) a bit of a mess to reduce this to what I basically needed, but it worked. Here are the snippets of my css, which I altered from their pre 65 version (remove ! before leading hash-signs): !#TabsToolbar { /* tab bar */ position: absolute !important; bottom: 0 !important; width: 100vw !important; -moz-box-ordinal-group: 3 !important; border-bottom: thin solid rgb(142, 142, 142); /* #8E8E8E */ background-color: #f6f6f6 !important; } !#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox { padding-bottom: 33px !important; } No - I ultimately moved to Waterfox now, as I am tired of being bothered with such things over and over again. This is my way of showing my disappointment about the direction in which FF is developing (with Quantum being my last straw). Admittedly Waterfox has its own caveats besides proivding me the browser experience FF refuses, so that is why I still have FF (nightly) as a backup in case there is any application or website that does not work properly on Waterfox. And for whatever reason, I not gave up on FF completely, still hoping for a comeback (of ripped out features) someday. Anyway, thank you very much!

Modified by Specialcase

Deamon99 0 solutions 2 answers

I suck when it comes to programing can you explain what I am suppose to do to get the tabs on the bottom.

I suck when it comes to programing can you explain what I am suppose to do to get the tabs on the bottom.
ctuna 0 solutions 13 answers

Yeah I am not a coder either my current css files only have two lines of code each .

/* tabs on bottom */on #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!important} in userChrome.css and /* tabs on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!important} in userChrome . There are no other Chrome files in the the Chrome folder. It looks like I have to copy that block of code into the first file. (The other file is probably left over from a previous break) But I think I can see its a combination of codes for different operating systems.

I like tabs on bottom much better because my most used links are easier to reach .

Yeah I am not a coder either my current css files only have two lines of code each . <nowiki>/* tabs on bottom */on #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!important} in userChrome.css and /* tabs on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!important} in userChrome .</nowiki> There are no other Chrome files in the the Chrome folder. It looks like I have to copy that block of code into the first file. (The other file is probably left over from a previous break) But I think I can see its a combination of codes for different operating systems. I like tabs on bottom much better because my most used links are easier to reach .

Modified by cor-el

ctuna 0 solutions 13 answers
Ok got it Thanks link is https://raw.githubusercontent.com/trogau/firefoxSettings/7b135fa9dace8f95517d0805272afa41ce36231b/userChrome.css

Question owner

Deamon99 said

I suck when it comes to programing can you explain what I am suppose to do to get the tabs on the bottom.

First a warning that this way is not quite a 100% fix for the issue; basically it will cause some weird side-effects, which I tried to compensate but likely did not cover entirely. Note that you HAVE TO enable the title bar in FF customization options. Otherwise the window controls will end up laying around in your tab-bar...

1) Create a new txt file and edit it 2) Now we need to populate it with content. Unfortunately posting this here is outright rubbish. Copy the following to the file and replace the below mentioned patterns that I added to get it formatted the right way...:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");zzz
ooo#TabsToolbar {zzz
	position: absolute !important;zzz
	bottom: 0 !important;zzz
	width: 100vw !important;zzz
	-moz-box-ordinal-group: 3 !important;zzz
	border-bottom: thin solid rgb(142, 142, 142);zzz
	background-color: #f6f6f6 !important;zzz
}zzz
zzz
ooo#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {zzz
	padding-bottom: 32px !important;zzz
}zzz
zzz
ooo#TabsToolbar .private-browsing-indicator,zzz
ooo#TabsToolbar #window-controls,zzz
ooo#TabsToolbar *[type="caption-buttons"],zzz
ooo#TabsToolbar *[type="pre-tabs"],zzz
ooo#TabsToolbar *[type="post-tabs"] {zzz
  display: none !important;zzz
}zzz
zzz
.tabbrowser-tab:not([pinned]) {zzz
min-width: 200px !important;zzz
}zzz
zzz

ooo - remove these; I used them to block leading # which otherwise create a list item here.. zzz - for each of these you simply put in a line-break

3) The last part is to rename the new file to userchrome.css (make sure you enable visibility of file extensions in Windows) 4) ..and to place it into the right folder, like is described here: https://www.userchrome.org/how-create-userchrome-css.html

Hope that helps.

''Deamon99 [[#answer-1192308|said]]'' <blockquote> I suck when it comes to programing can you explain what I am suppose to do to get the tabs on the bottom. </blockquote> First a warning that this way is not quite a 100% fix for the issue; basically it will cause some weird side-effects, which I tried to compensate but likely did not cover entirely. Note that you HAVE TO enable the title bar in FF customization options. Otherwise the window controls will end up laying around in your tab-bar... 1) Create a new txt file and edit it 2) Now we need to populate it with content. Unfortunately posting this here is outright rubbish. Copy the following to the file and replace the below mentioned patterns that I added to get it formatted the right way...: <blockquote><pre> @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");zzz ooo#TabsToolbar {zzz position: absolute !important;zzz bottom: 0 !important;zzz width: 100vw !important;zzz -moz-box-ordinal-group: 3 !important;zzz border-bottom: thin solid rgb(142, 142, 142);zzz background-color: #f6f6f6 !important;zzz }zzz zzz ooo#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {zzz padding-bottom: 32px !important;zzz }zzz zzz ooo#TabsToolbar .private-browsing-indicator,zzz ooo#TabsToolbar #window-controls,zzz ooo#TabsToolbar *[type="caption-buttons"],zzz ooo#TabsToolbar *[type="pre-tabs"],zzz ooo#TabsToolbar *[type="post-tabs"] {zzz display: none !important;zzz }zzz zzz .tabbrowser-tab:not([pinned]) {zzz min-width: 200px !important;zzz }zzz zzz </pre></blockquote> ooo - remove these; I used them to block leading # which otherwise create a list item here.. zzz - for each of these you simply put in a line-break 3) The last part is to rename the new file to userchrome.css (make sure you enable visibility of file extensions in Windows) 4) ..and to place it into the right folder, like is described here: https://www.userchrome.org/how-create-userchrome-css.html Hope that helps.

Modified by cor-el

prouss 0 solutions 12 answers

ctuna said

Ok got it Thanks link is https://raw.githubusercontent.com/trogau/firefoxSettings/7b135fa9dace8f95517d0805272afa41ce36231b/userChrome.css

Help! I'm a complete amateur with css - what do I do with this link?

Thanks

''ctuna [[#answer-1192551|said]]'' <blockquote> Ok got it Thanks link is https://raw.githubusercontent.com/trogau/firefoxSettings/7b135fa9dace8f95517d0805272afa41ce36231b/userChrome.css </blockquote> Help! I'm a complete amateur with css - what do I do with this link? Thanks
ctuna 0 solutions 13 answers

From C drive Go to your user name/AppData/Roaming/Mozilla/Firefox/Profiles you may have more than one use the most recent one.

In the directory displayed there should be a folder labeled chrome. (if there is not create one I think that is what I had to do the first time this happened but there were only a few lines to copy in.) If you already have something in that chrome file delete the contents of the files . Copy and Paste the entire contents of the link into the files contained in the chrome folder. I had UserChrome and UserChrome.css I dumped the contents into both because I wasn't quite sure where it went. (one was txt file the other a css file) And they had actually said there were more file in chrome. Also I had to profiles and I didn't drop it into the active one the first time. The link I put up was already the RAW data mentioned earlier in the thread.

From C drive Go to your user name/AppData/Roaming/Mozilla/Firefox/Profiles you may have more than one use the most recent one. In the directory displayed there should be a folder labeled chrome. (if there is not create one I think that is what I had to do the first time this happened but there were only a few lines to copy in.) If you already have something in that chrome file delete the contents of the files . Copy and Paste the entire contents of the link into the files contained in the chrome folder. I had UserChrome and UserChrome.css I dumped the contents into both because I wasn't quite sure where it went. (one was txt file the other a css file) And they had actually said there were more file in chrome. Also I had to profiles and I didn't drop it into the active one the first time. The link I put up was already the RAW data mentioned earlier in the thread.

Modified by ctuna

cor-el
  • Top 10 Contributor
  • Moderator
17335 solutions 156738 answers

See this thread for updated userChrome.css code for Firefox 65 to move the tabs to the bottom position.


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


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.

You can find this button 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 this folder (name is all lowercase). In the chrome folder you need to create a text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted.

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 and restart Firefox when you create or modify the userChrome.css file.

See this thread for updated userChrome.css code for Firefox 65 to move the tabs to the bottom position. *[/questions/1248277] Reposition Tabs at bottom, directly above web page in Firefox 65.0? ---- Add code to the <b>userChrome.css</b> file below the default @namespace line. *@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ *http://kb.mozillazine.org/userChrome.css *https://www.userchrome.org/how-create-userchrome-css.html *https://www.userchrome.org/what-is-userchrome-css.html ---- 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. *https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox You can find this button 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 <u>chrome</u> in this folder (name is all lowercase). In the <b>chrome</b> folder you need to create a text file with the name <u>userChrome.css</u> (name is case sensitive). In this userChrome.css text file you paste the text posted. 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 <i>userChrome.css.txt</i>. 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 and restart Firefox when you create or modify the userChrome.css file.
prouss 0 solutions 12 answers

Thanks for the help! I tried ctuna's code first and the tabs overlapped with the bookmarks, so maybe I did something wrong there. But cor-el's worked perfectly and the tabs are back where they belong. One question though - is there a way to reduce the height of the tabs through the userChrome css file, they seem disproportionately tall now?

Thanks for the help! I tried ctuna's code first and the tabs overlapped with the bookmarks, so maybe I did something wrong there. But cor-el's worked perfectly and the tabs are back where they belong. One question though - is there a way to reduce the height of the tabs through the userChrome css file, they seem disproportionately tall now?
ctuna 0 solutions 13 answers

It's not my code I just copied it from the original poster. https://support.mozilla.org/en-US/questions/1248259?utm_campaign=questions-reply&utm_medium=email&page=2&utm_source=notification#answer-1193161 in the above thread all credit goes to him. And some how fumbled through and got it to work. Although I understand computers and used to do component level repair on mini' computers when there was such a thing ,I have done nothing with any of the current computer languages or html web based stuff. I had to go back and read the OP's first statements more carefully and follow his links.

someone sent me this its kind of interesting

https://www.userchrome.org/what-is-userchrome-css.html

It's not my code I just copied it from the original poster. https://support.mozilla.org/en-US/questions/1248259?utm_campaign=questions-reply&utm_medium=email&page=2&utm_source=notification#answer-1193161 in the above thread all credit goes to him. And some how fumbled through and got it to work. Although I understand computers and used to do component level repair on mini' computers when there was such a thing ,I have done nothing with any of the current computer languages or html web based stuff. I had to go back and read the OP's first statements more carefully and follow his links. someone sent me this its kind of interesting https://www.userchrome.org/what-is-userchrome-css.html

Modified by ctuna

prouss 0 solutions 12 answers

Forget my last question, sorry, found the min tab height part of the code and reduced the 33px to 25 which seems to have worked.

Forget my last question, sorry, found the min tab height part of the code and reduced the 33px to 25 which seems to have worked.
djeverest 0 solutions 1 answers

jscher2000 said

Were you planning to switch from Waterfox to Firefox? Yes, the structure has changed, with the menu bar and tabs bar unified into a new element with id="titlebar". Accordingly, the basic rules are:
/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 1 !important;
  box-shadow: none !important;
}
#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 2 !important;
}
#titlebar { /* menu bar + tabs bar */
  -moz-box-ordinal-group: 3 !important;
  padding-top: 0 !important;
}

/* Vertical space for min/max/close buttons above the main toolbar */
/* Sized on Windows 7 */
#main-window[tabsintitlebar="true"][sizemode="normal"]:not([inFullscreen="true"]) #nav-bar {
  margin-top: 22px !important;
}
#main-window[tabsintitlebar="true"][sizemode="maximized"]:not([inFullscreen="true"]) #nav-bar {
  margin-top: 28px !important;
}

If you display the classic menu bar, you're not going to like the results...


THANKS A LOT, IT WORKED FOR ME ON MACOS MOJAVE.

''jscher2000 [[#answer-1175858|said]]'' <blockquote> Were you planning to switch from Waterfox to Firefox? Yes, the structure has changed, with the menu bar and tabs bar unified into a new element with id="titlebar". Accordingly, the basic rules are: <pre>/* Tab bar below Navigation & Bookmarks Toolbars */ #nav-bar { /* main toolbar */ -moz-box-ordinal-group: 1 !important; box-shadow: none !important; } #PersonalToolbar { /* bookmarks toolbar */ -moz-box-ordinal-group: 2 !important; } #titlebar { /* menu bar + tabs bar */ -moz-box-ordinal-group: 3 !important; padding-top: 0 !important; } /* Vertical space for min/max/close buttons above the main toolbar */ /* Sized on Windows 7 */ #main-window[tabsintitlebar="true"][sizemode="normal"]:not([inFullscreen="true"]) #nav-bar { margin-top: 22px !important; } #main-window[tabsintitlebar="true"][sizemode="maximized"]:not([inFullscreen="true"]) #nav-bar { margin-top: 28px !important; } </pre> If you display the classic menu bar, you're not going to like the results... </blockquote> '''THANKS A LOT, IT WORKED FOR ME ON MACOS MOJAVE.'''
ctuna 0 solutions 13 answers

Actually the opposite is true . Firefox to Waterfox. I downloaded it and found it had not tabs on bottom either. Do you have a solution for that?

Actually the opposite is true . Firefox to Waterfox. I downloaded it and found it had not tabs on bottom either. Do you have a solution for that?
AIVAS1701 0 solutions 29 answers

After more years than i care to remember. Since Firefox has stopped being friendly, I've decided to say bye-bye to Firefox.

There must be an up-and-coming challenger out there.

After more years than i care to remember. Since Firefox has stopped being friendly, I've decided to say bye-bye to Firefox. There must be an up-and-coming challenger out there.

Question owner

ctuna said

Actually the opposite is true . Firefox to Waterfox. I downloaded it and found it had not tabs on bottom either. Do you have a solution for that?

Hi, Waterfox might not have the setting either but other than with Firefox you can still run the legacy addons like classic theme restorer to actually have it look like you want. This is the real crook with post Quantum FF - they kicked out everyone* dedicating time to fix their bad decisions with a plugin.

  • exaggeration
''ctuna [[said]]'' <blockquote> Actually the opposite is true . Firefox to Waterfox. I downloaded it and found it had not tabs on bottom either. Do you have a solution for that? </blockquote> Hi, Waterfox might not have the setting either but other than with Firefox you can still run the legacy addons like classic theme restorer to actually have it look like you want. This is the real crook with post Quantum FF - they kicked out everyone* dedicating time to fix their bad decisions with a plugin. *exaggeration

Modified by Specialcase

W.H.H 0 solutions 10 answers

In order to place the tabs directly above the web page window in Firefox 65 and newer -- that is, below the navigation bar and below any other bars --, copy and paste the following lines into your userChrome.css file and restart Firefox.

[Note: Detailed information on using userChrome.css files is available on the https://www.userchrome.org web site maintained by Jefferson Scher (alias: jscher2000).]


:root {
  --tab-min-height_tnot: 32px;
}

#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
  -moz-box-ordinal-group: 0 !important;
}

#navigator-toolbox #toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}

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

#navigator-toolbox #PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}

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

#navigator-toolbox #TabsToolbar {
  -moz-box-ordinal-group: 100 !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
}

#TabsToolbar {
  position: absolute !important;
  bottom: 0 !important;
  width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}

In order to place the tabs directly above the web page window in Firefox 65 and newer -- that is, below the navigation bar and below any other bars --, copy and paste the following lines into your userChrome.css file and restart Firefox. [Note: Detailed information on using userChrome.css files is available on the https://www.userchrome.org web site maintained by Jefferson Scher (alias: jscher2000).] <blockquote><pre> :root { --tab-min-height_tnot: 32px; } #print-preview-toolbar, #printedit-toolbar, #titlebar { -moz-box-ordinal-group: 0 !important; } #navigator-toolbox #toolbar-menubar { -moz-box-ordinal-group: 1 !important; } #navigator-toolbox #nav-bar { -moz-box-ordinal-group: 2 !important; } #navigator-toolbox #PersonalToolbar { -moz-box-ordinal-group: 3 !important; } #navigator-toolbox toolbar { -moz-box-ordinal-group: 10 !important; } #navigator-toolbox #TabsToolbar { -moz-box-ordinal-group: 100 !important; } #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox { padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important; } #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; } #tabbrowser-tabs { width: 100vw !important; } </pre></blockquote>