This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Tabs on bottom

  • 1 èsì
  • 4 ní àwọn ìṣòro yìí
  • Èsì tí ó kẹ́hìn lọ́wọ́ scottish2

scottish2
scottish2
more options

Well looks like they did it to us again. My tabs are back on top again and need to put them below where I am a lot of other users like our tabs!

Update: So the code in the solution has worked it did put my tabs back on the bottom but I just noticed it also had a side effect where the + icon for a new tab is now missing. Using the code in the solution is there any way to readd the new tab + icon?

Weird part is if I go into customize the + icon is showing in the tabs bar but hen I close customize the icon disappears I have tried removing it and adding it back but it still gets removed.

Well looks like they did it to us again. My tabs are back on top again and need to put them below where I am a lot of other users like our tabs! Update: So the code in the solution has worked it did put my tabs back on the bottom but I just noticed it also had a side effect where the + icon for a new tab is now missing. Using the code in the solution is there any way to readd the new tab + icon? Weird part is if I go into customize the + icon is showing in the tabs bar but hen I close customize the icon disappears I have tried removing it and adding it back but it still gets removed.

Ti ṣàtúnṣe nípa scottish2

Ọ̀nà àbáyọ tí a yàn

This code from 3 year old video worked for me tabs are again on the bottom! Now if Mozilla will only leave them where I put them!!

  1. TabsToolbar { 
 position: absolute;
 display: block;
 bottom: 0;
 width: 100vw;
 background-clip: padding-box;
 color: var(--toolbar-color);

}

  1. tabbrowser-tabs { 
 width: 100vw;

}

  1. navigator-toolbox { 
 position: relative;
 padding-bottom: calc( var(--tab-min-height) + 8px );

}

  1. main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #titlebar { 
 height: 36px;

}

.titlebar-buttonbox-container { 

 position: fixed;
 right: 0;
 visibility: visible;
 display: block;

}

  1. TabsToolbar .titlebar-buttonbox-container,
  2. TabsToolbar #window-controls { 
 display: none;

}

Ka ìdáhùn ni ìṣètò kíkà 👍 1

All Replies (1)

scottish2
scottish2 Ìbéèrè olóhun
more options

Ọ̀nà àbáyọ Tí a Yàn

This code from 3 year old video worked for me tabs are again on the bottom! Now if Mozilla will only leave them where I put them!!

  1. TabsToolbar { 
 position: absolute;
 display: block;
 bottom: 0;
 width: 100vw;
 background-clip: padding-box;
 color: var(--toolbar-color);

}

  1. tabbrowser-tabs { 
 width: 100vw;

}

  1. navigator-toolbox { 
 position: relative;
 padding-bottom: calc( var(--tab-min-height) + 8px );

}

  1. main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #titlebar { 
 height: 36px;

}

.titlebar-buttonbox-container { 

 position: fixed;
 right: 0;
 visibility: visible;
 display: block;

}

  1. TabsToolbar .titlebar-buttonbox-container,
  2. TabsToolbar #window-controls { 
 display: none;

}

Helpful?

Béèrè ìbéèrè

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.