All Products Support Forum

HERE IS THE ANSWER Here is the answer to get TABS BELOW with Firefox V90 . . copy all of this code below the broken line into your - userChrome.css - file and save it. You can modify the 45px in this line if you wish to get an appropriate height . . just experiment with different numbers till you get it right --menubar-height: 45px; /*30px|41px=11px; caption buttons on menubar*/

Also to make the tabs wider or narrower, modify the line which is coded width: 50vw !important;

Finally you must enable - css - in Firefox, by typing about:config into your address bar, and search for toolkit. When all the toolkit options appear change the one which says toolkit.legacyUserProfileCustomizations.stylesheets to TRUE by click the icon in the right hand column. Than close Firefox and reopen, and check how it looks This will enable your - css - file to be read, and interpreted and accepted by the Firefox browser.

-------------------------------------------------------------------

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

/* TABS: bottom - Firefox 65 and later - updated for 89+ */
/* https://searchfox.org/mozilla-release/source/browser/themes/shared/tabs.inc.css */
/* https://raw.githubusercontent.com/Aris-t2/CustomCSSforFx/master/classic/css/tabs/tabs_below_navigation_toolbar_fx89.css */
/* https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox */

/* ROOT - VARS */
/* you can adjust the CSS variables until it looks correct */
/* you can use the Browser Toolbox to get the toolbar heights */

*|*:root {
  --tab-toolbar-navbar-overlap: 0px !important;

  --tab-min-height: 40px !important;
  --tab-min-width:  60px !important;

  --tab-adjust:  0px; /* adjust tab bar - only for 68-73 */
  --tab-caption: 5px; /* caption buttons on tab bar */
}

/* TAB BAR - below nav-bar */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10 !important;}
#TabsToolbar {-moz-box-ordinal-group:1000 !important;}

#TabsToolbar {
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  width: 50vw !important;
}

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

/* navigator-toolbox - PADDING */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  position: relative !important; /*89+*/
  padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ADJUST*/
  background-color: var(--toolbar-bgcolor) !important;
}

/* TabsToolbar with menubar and titlebar hidden - rules for Firefox 65-73 */
*|*:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"]) #toolbar-menubar[autohide="true"] ~
 #TabsToolbar{
  bottom: var(--tab-adjust); /*ADJUST*/
}

/* TABS: height */
#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;
  box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*OPTIONAL*/
  background-color: var(--toolbar-bgcolor) !important;
  color:            var(--toolbar-color) !important;
/*  z-index: 1 !important; */
}

/* indicators *//*
*|*:root[privatebrowsingmode=temporary] .private-browsing-indicator {
  position: absolute !important;
  display: block !important;
  right: 0px !important;
  bottom: 0px !important;
  width: 14px !important;
  pointer-events: none !important;
}
*/
.private-browsing-indicator {display: none !important;}
.accessibility-indicator    {display: none !important;}

/* Indicators - HIDE *//*
*|*:root:not([accessibilitymode])             .accessibility-indicator    {display: none !important}
*|*:root:not([privatebrowsingmode=temporary]) .private-browsing-indicator {display: none !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;
}

/* Hide window-controls and caption buttons on Tab Bar */
#TabsToolbar #window-controls {display: none !important;}
#TabsToolbar .titlebar-buttonbox-container {display: none !important;}

Hi

Running Firefox 71.0 (64 bit)

Well seems Firefox has been messing this up again.

Anyone have the new work around solution to get my tabs back on the bottom again. They were fine this morning then shut down and went out to lunch and when I came back they were back on the top again after months of being where I wanted them below my bookmark bar.

Thoughts on this?

Thanks Dave

In most standard Windows applications, the title bar and tab colour follows the default Windows settings, e.g. (in my case) the title bar and tab colour of active application windows is blue. This is true even in Thunderbird. Since FF 89, title bar and tabs are something between white and light gray, which is extremely user-un-friendly. FF developer team should return to the previous colour scheme. Yes, I know the circumstances of free software but this is NO excuse to alienate millions of users. Developers that change fully functionable software just, well, just to CHANGE it should consider that they are doing WRONG. Could anyone tell them? I am just user, not developer and I am not willing to learn developer tools like BugZilla just for this simple guiding principle.

Today I updated my Firefox Developer Edition to version 89.0b2 and now I just can not look at this browser anymore, "Inspired new tab design" is taking too much space and now became largest and at the same time least information-dense panel in my entire desktop! I searched around the web for a bit in hopes that I will find a theme or an add-on that will revert this particular change but no luck. I really want to revert to old UI look (at least tabs bar), there should be default theme or option to get back to old style. After some investigation I found userChrome.css but don't really want to install it (maybe this is actually the way of doing this kind of styling). Please help me revert UI design to old one.

Last time Firefox updated, I managed to find information online about moving the website tabs so they were below the bookmarks instead of at the top of the screen. It was a huge pain-in-the-butt to do.

After a recent re-install, the tabs have moved themselves back to the top of the screen and nothing I do seems to be able to move them back below the bookmarks.

Is there a way I can move the tabs that doesn't involve spending hours hunting through posts on the web, changing hidden Firefox settings, and recoding .css files?

If not, why do you not give the option to move the tabs wherever the user wants? Especially when it makes far more sense to have the website tabs directly above the website being viewed, at least in my opinion?

I'm currently using Firefox 85.0.2 (64-bit).

Ever since IE changed to tabs on top firefox coders followed like mindless automatons without any regard to/for Mozilla community and users. We are sick and tired of being ignored. We want/need tabs bellow address bar. Now, tell us how to simply get tabs below address bar or tell the coders to provide us with the option. And, we don’t care about any excuses as previously provided or outright ignored by them.

The same website opens repeatedly in a new tab. It's a trusted website (public library). I've run a virus scan and looked for solutions but can't find the problem. Any ideas please?

Hi

to ALL Firefox admins and programmers.....

I think Im speaking for most people when I say this......

PUT THE DAMN TABS !!!!!BELOW!!!! the address bar already!!

People have been begging you to do this for ******* years!!!

Stop being such a**holes and make it like this BY DEFAULT FOREVER! And add a simple option in the setting that always allows the user to put the tabs above or below....but I know most people want this always BELOW!!!

Fix this issue PLEASE it pisses soooo many people off having the tabs above the address bar. ...Also when I double click on the empty space beside the tabs it just shrink the open window.....change this so double clicking on the empty area OPENS A NEW TAB...

Signed a VERY pissed off user!

I've just installed Firefox 113.0 and my tab bar is now above the toolbar and bookmarks bar. Up until 112, the tab bar was below the bookmarks bar. I have no changed anything in UserChrome and in fact that file is still dated 2020. I've searched but haven't found an explanation. Anyone know what changed or is this just a bug? Thanks

Sorry to rub salt into old wounds but this quote from a 2014 support post expresses my feelings exactly:

"What's the point of a 'tab' if there's no tab? Text floating around at the top of the page is not a tab."

My Sessions and Session Boss know I have all my tabs open presently. I can't see the tabs & I can't right click a bookmark and see a 2nd tab open. I had the tabs at the top and just under the bookmarks bar. Now it is just one long blank bar. I disabled and then re-enabled proton, which is the worst upgrade experience ever. I changed to a simple theme, still no tabs. I downloaded the previous version 88, but it will start a new profile. I just want where I was 2 hours ago. I'll attach an image of the left upper screen with the blank tab bar.

The last 2 times I've had to restart my laptop unexpectedly (ie not shut down properly), Firefox has loaded tabs from a month or so prior which means I lose recent tabs. Anything I can do to keep the automatic session restore more up to date? Couldn't find anything in settings that might apply.

[Win 10] A few days ago something happened with Firefox. A message appeared saying "sorry - error". Anyway, I had to rebuild the whole thing. But, the little house symbol for the Homepage Tab is missing. It isn't even available where the choices for Menu Bar appear. I did not cause this problem. My older pc, also Win 10 is perfectly O.K. Any "Help" just brings me back to the older information from 2011.

when i close a tab the app stays open in the task manager. The TM shows 14 open apps and I only have three tabs in my browser. That eats up memory for no reason.

I had two Firefox windows open. One had 100+ tabs open, the other had around 5 open. Like a klutz I accidentally closed the window with the 100+ tabs open instead of the other window. Now when Firefox restarts it opens the version with the 5 tabs.  :-( I read about lost tabs in Firefox. I have found a file with the 100+ tabs in it. It is called: upgrade.jsonlz4-20221007134813. But what do I do next to restore Firefox to restart with the 100+ tabs version? Thanks.

Hi, Imaging that, firefox is open, I clicked on a button that opening new window, how I can merge this 2 window in 1, in fact I wanna have that new window as a tab.

Google Chrome have this already.

Thanks !

Please help me get rid of the stupid and ugly Tab bar space on newest Firefox. I hate Tabs and now there is a big space above the address bar for Tabs. I have looked everywhere for a way to turn it off like it has been since Tabs came out. I only want new windows if I want a new window.

If I can't turn that huge space gap off is there any way to go back to what I had before the last update without messing everything up? Why did someone decide to make the browser window smaller and waste that space by making the browser bigger....

Sorry if I sound cranky but, I started using Netscape Navigator 1.0 and every version since and this is the worse thing that has ever been done to a browser... Thank you for any help you can give me!

Hello, it is enough to search "version 89 visuals" in the help forum to find dozens of topic complaining how awful it looks, and the reduced functionality, content on screen and efficiency.

Luckily in one of the threads I found solution, and links to articles to fix most of the biggest issues:

As a temporary tactic to buy time, you can use a preference to revert the tab bar to its older appearance. This is just for Firefox 89, so you have a month to keep an eye out for the next workaround. To set that up: (1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button accepting the risk. (2) In the search box in the page, type or paste proton (or full browser.proton.enabled) (3) Double-click the preference to switch between true (new Proton style) and false (old Photon style) Since this was kept in just for testing, there might be some occasional glitches.

Here the options I changed - set false to all.

   browser.proton.contextmenus.enabled
   browser.proton.doorhangers.enabled
   browser.proton.enabled
   browser.proton.modals.enabled
   browser.proton.places-tooltip.enabled

+ even further reduction of the spaces -> browser.uidensity -> 1

I expect the new Proton view is inspired by touch screens - and is more optimized for tablets, giving more space around individual options, with extra space around them - to make sure you hit the right option with your finger. The downside is we get less visible options on the screen, as now each option takes more space - and it is absolutely awful and less visible for people using desktop mode, and using the more precise mouse and/or keyboard.

And here a list of the problems and annoyances in V89, and why they are a problem (and these are only the ones I noticed so far - attached is a screenshot collage of the issues.

1. Tabs which play audio no longer show that they play audio, unless I hover on top of them - which is a big problem if you have 20 tabs, and are searching which one auto-played some audio. In the previous version each tab playing audio had the audio icon on top of it. 2. My bookmarks take much more space on my screen, and while previously I organized them to fit perfectly to it, now are going outside of it, and I have to (unnecessarily) scroll to find more. 3. On YouTube There was a "delete video" button next to each video in my "watch later" list, and I was able to quickly delete the watched ones. Now I have to click on the 3 dots, and then on the trash bin button to delete. Much slower an annoying. Return to the old vision (sadly I cannot find a way to fix this yet)

This totally failed visualization must IMMEDIATELY be reversed, and you must add option in the VIEW menu - which switches between the old DESKTOP view (version 88 style), and new TABLET view (V89 style).

And it must not be allowed that you disable the browser.proton.enabled option in the next update, as this will force us to use only the new awful view, and give us 3 options:

1. Revert to 88. I have already backed up my profile, and downloaded it, in case V90 ruins the view permanently. This also opens us to security risks - so I can allow this for no more than 2-3 months, in hope you fix this fail. 2. Switch browser. Move to Vivaldi (which I use at work) or Brave, if you refuse to fix the fail. 3. Accept the awful view - not going to happen to me. I am using Mozilla since Netscape, but this fail is infuriating enough to make me switch if made permanent / even worse.

My tabs toolbar does not extend across the entire laptop screen. Looks like it stops halfway, regardless of how many tabs are open. As tab number increases individual tab space narrows. How can I increase width to occupy full screen?