Display Tabbar under the main Toolbar

[pdrummond]

I would like to display the tab bar under the main toolbar instead of on top. Forum solutions are all very old and don't work in Firefox 51.0.1.

"Classic Theme Restorer" addon will do this but it's the only feature I need. I've searched Firefox options, Tab Mix Plus addon settings, and "about.config" page.

[eisneun]

this add-on works for me:
https://addons.mozilla.org/en-US/firefo ... on-bottom/

[dfoulkes]

You can also perform that exact function by using this code in your userChrome.css file
UserChrome.css - MozillaZine Knowledge Base

@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul");
/* Tabs on Bottom */
#TabsToolbar {
-moz-box-ordinal-group: 100!important;
}
#urlbar {max-width: 500px !important}
#PersonalToolbar {
-moz-box-ordinal-group: 80!important;
}

[dickvl]

If there are problems then try this code:

Code: Select all

/* tabs on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

[pdrummond]

this add-on works for me:
https://addons.mozilla.org/en-US/firefo ... on-bottom/

I don't want tabs on bottom - just tabs under the navigation bar.
I tried the suggested code for UserChrome.css in the Knowledge base but it put the tabs on the bottom of the screen.

[eisneun]

with this add-on, tabs on bottom means at the bottom of your toolbars not the bottom of the screen. below the navigation bar and above the content.
Tabs on Bottom

[dfoulkes]

just tabs under the navigation bar.

Sorry... I read your needs too quickly....

- So from what you say is... you would have the Nav bar, then the Tab bar... and under that your bookmarks bar?

- Nav
- Tab
- Bookmarks

Just checking....

[pdrummond]

... you would have the Nav bar, then the Tab bar... and under that your bookmarks bar?
...

Exactly. The Classic Theme Restorer can do this but I'm trying to put Fx on a diet as it's slow.

[dfoulkes]

Sorry... we are going to have to wait for somebody who knows coding for that stuff... I got the code that I posted from another user here... so, all I can do is show you what I use.

[dickvl]

You can paste this code in the Browser Console to get the current -moz-box-ordinal-group setting.

Code: Select all

var mw = Services.wm.getMostRecentWindow("navigator:browser");
var doc = mw.document;
var nav = doc.getElementById('navigator-toolbox');
var elm = nav.getElementsByTagName('toolbar');
var i, inf='',mog='-moz-box-ordinal-group';
for(i=0;E=elm[i];i++){
inf+='#'+E.id+' { '+mog+': '+doc.defaultView.getComputedStyle(E,"").getPropertyValue(mog)+' !important; }\n';
}
inf;

[Frank Lion]

Sorry... we are going to have to wait for somebody who knows coding for that stuff... I got the code that I posted from another user here... so, all I can do is show you what I use.

I'm on SeaMonkey, without access to my Firefoxes, so I'll have to guess this one. Still, how hard can it be?

Code: Select all

/* Frank Jiggle Toolbars Around...*/
	#navigator-toolbox #toolbar-menubar {
	  -moz-box-ordinal-group: 1 !important;
	}
	#navigator-toolbox #nav-bar {
	  -moz-box-ordinal-group: 2 !important;
	}
	#navigator-toolbox #TabsToolbar ] {
	  -moz-box-ordinal-group: 3 !important;
	}
	#navigator-toolbox #PersonalToolbar {
	  -moz-box-ordinal-group: 4 !important;}

...it'll be something like that.

[pdrummond]

Thank you dickvl and Frank Lion for the great suggestions - but my hard drive has just filled up with 14gb of temp files and finally stopped. Win10 updates aren't until next week and the update catalog lists nothing. Now I have a real problem and will need to test these l8r.

[pdrummond]

You can paste this code in the Browser Console to get the current -moz-box-ordinal-group setting...

I found the browser console uner "Web Developer" but all it did was open a window with logs. So I opened Tools > Web Deveoper > Web Console and pasted it there (after typing "allow pasting" when instructed. Nothing happened. I restarted the browser but the tabs are still firmly on top.

[dickvl]

You need to use the Browser Console and not the Web Console.
If you do not see the command line in the Browser Console then you need to enable it by setting devtools.chrome.enable
to true on the about:config page to enabled the command line in the Browser Console.
See:
https://developer.mozilla.org/Tools/Browser_Console

[pdrummond]

Thanks for the help. I switched devtools.chrome.enable to true and tried again. I restarted and the tabs are still above the navbar. This is the output after paste.

"#toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
#TabsToolbar { -moz-box-ordinal-group: 1 !important; }
#nav-bar { -moz-box-ordinal-group: 1 !important; }
#PersonalToolbar { -moz-box-ordinal-group: 1 !important; }
#addon-bar { -moz-box-ordinal-group: 1 !important; }
#lpt_lastpass-toolbar { -moz-box-ordinal-group: 1 !important; }
"
I noticed the numbers were all "1" so I tried UserChrome.css with numbers in order I want, but no fix:
@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul");
#toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
#nav-bar { -moz-box-ordinal-group: 2 !important; }
#TabsToolbar { -moz-box-ordinal-group: 3 !important; }
#PersonalToolbar { -moz-box-ordinal-group: 4 !important; }