Firefox..move tabs below address bar

Win10 64 pro Firefox 65 64bit

I'm having a problem moving the tab bar down. I originally did it when 57 came out but now I have totally forgotten how.
I have posted on a number of other Firefox related forums but no luck.

Under profiles I have a file... chrome and in that...userChrome.css
I put the namespace file in that but when restarting it doesn't change.
I have gotten numerous suggestions as well as comments that I don't understand, and that's probably true.
All else works fine. I have gotten much help from the brains on this forum in the past, so I thought I would try to get this issue solved.

If help is offered, please go step by step as I may have a block somewhere. It isn't easy getting old.

thanks

Thanks....but if any of those sites would have helped, I wouldn't be here.
I've worn out my keyboard and eyes searching for weeks now, and have tried all the various suggestions to no avail.
That's why I'm here.

Burris said:

Win10 64 pro Firefox 65 64bit

I'm having a problem moving the tab bar down. I originally did it when 57 came out but now I have totally forgotten how.
I have posted on a number of other Firefox related forums but no luck.

Under profiles I have a file... chrome and in that...userChrome.css
I put the namespace file in that but when restarting it doesn't change.
I have gotten numerous suggestions as well as comments that I don't understand, and that's probably true.
All else works fine. I have gotten much help from the brains on this forum in the past, so I thought I would try to get this issue solved.

If help is offered, please go step by step as I may have a block somewhere. It isn't easy getting old.

thanks

You might be using old code thats now obsolete.

With Firefox's update to version 65, the old codes for tabs at the bottom dont work anymore.

You need new code, this one works for me. Delete the old code from your userChrome.css file and place the code below that works in Firefox 65 and later versions.

Code:

@NamEspace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 

/* 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 {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

Bo

dalchina said:

Mine's used on the latest FF

I know mine is working as I m using it. You are not using the one you posted, thats why I posted it.

Besides that, some codes (like the one you posted) includes other changes, while what I posted, only changes the position of the tabs (thats all he wants).

Bo

dalchina said:

... however having just updated from v65 to v65.01 I had to change the code to yours... seems a rapidly moving target!

I am still at Firefox 65. I started using the code I posted when I updated to 65. Old codes quit working with the update to 65.

Bo

Firefox no longer loads userChrome.css or userContent.css by default improving start-up performance. Users who wish to customize Firefox by using these files can set the toolkit.legacyUserProfileCustomizations.stylesheets preference to true to restore this ability.
--------------------------------------

Follow this path C:\users"your user name" without the quotes\appdata\roaming\mozilla\firefox\profiles in which you need to create a folder called chrome. When that is done create a text file and call it userChrome.css (you must change the extension from .TXT to .CSS and put the following code in it:



@NamEspace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* TABS on bottom - Firefox 65 and later */

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
-moz-box-ordinal-group: 10 !important;
}

#TabsToolbar {
-moz-box-ordinal-group: 1000 !important;
display: block !important;
position: absolute !important;
bottom: 0 !important;
/* width: 100vw !important; */
}

:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
#toolbar-menubar[autohide="true"] ~ #TabsToolbar{
bottom: var(--tab-min-height) !important;
padding-top: calc(var(--tab-min-height) - 20px) !important; /*adjust*/
}

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

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

/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 25px !important; /* adjust */
}

:root #tabbrowser-tabs {
/* --tab-min-height: 25px !important; */
--tab-min-width: 80px !important; /* adjust */
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
background-color: var(--toolbar-bgcolor) !important;
color: var(--toolbar-color) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 20px !important;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}

#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}

#navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}

/* indicators - hide */
.Xprivate-browsing-indicator {display: none !important;}
.accessibility-indicator {display: none !important;}

/* caption buttons - hide */
:root[tabsintitlebar]:not([inFullscreen="true"])
#toolbar-menubar[autohide="true"] ~ #TabsToolbar
.titlebar-buttonbox-container {display: none !important;}

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



Save it, restart firefox and it should work.