Hi, you want it at the bottom : https://gist.github.com/Arty2/e6e61801531ec5ee1f9f

Yup That puts tabs at the bottom, but also the address bar with it :(

How about this one : https://www.reddit.com/r/firefox/comments/6x2tmz/can_i_have_tabs_on_bottom_and_bookmarks_above/

Might find something you like here. https://www.userchrome.org/what-is-userchrome-css.html Person will be on later so message back if top URL does not work for you.

Both of those move tabs to near the top of the page. Not under it.

How about this solution here (you'll have to scroll down) :

https://www.reddit.com/r/FirefoxCSS/comments/8i7y2l/how_can_i_get_the_tab_bar_at_the_bottom_of_the/

Yes I also found this post, the code at the bottom of the page does work, it's what I'm using, but it leaves a bar at the bottom of the screen if you watch youtube or any other full screen site in full screen. If you look at my original question I already posted that code.

0ryn said

If you look at my original question I already posted that code.

I couldn't manage to memorize your code and compare it to the one posted on Reddit - sorry .....

That's ok :) I was just looking for a better solution. Thanks for trying :)

Ok, So I found something that works in full screen.

#TabsToolbar {
  position: fixed;
  bottom: -0.5em;
  width: 100%;
  }
  #tabbrowser-tabs { width: 96%; }
  #content-deck { margin-bottom: 2.5em; }

#TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}

Well, that's great - well done  !

Would you please mark your (last) post as Chosen Solution  ?

See also:

• [/questions/1196861] Firefox 57 tabs on bottom , there are solution, don't work correctly with private browsing. Tabs are moved above content-deck. Is there way to correct it?

this works!! (firefox 64):

#main-window:not([inFullscreen]) #content-deck {margin-bottom: 32px !important;}
#main-window[inFullscreen] #content-deck {margin-bottom: 0px !important;}

#TabsToolbar
{
   position: fixed !important;
   bottom: 1px !important;
   width: 100% !important;
  
   background-color:  rgb(212, 208, 200) !important;
}
#tabbrowser-tabs {width: 96% !important;}
#TabsToolbar[inFullscreen]
{

strange, i cut and pasted userchrome, but this page replaced "#" with the numbers 1. 2. 3. etc

If you start a line with a hash (#) then you start an ordered list (OL tag).

• https://support.mozilla.org/en-US/kb/markup-chart

Did you test the code by opening a lot of tabs to make scroll buttons appear?

Note that it is best to only use the in normal mode and disable the code for Full Screen mode (pseudo selector: :not([inFullscreen]))