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 antwoord
  • 4 hierdie probleem
  • Laaste antwoord deur 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.

Gewysig op deur scottish2

Gekose oplossing

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;

}

Lees dié antwoord in konteks 👍 1

All Replies (1)

more options

Gekose oplossing

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?

Vra 'n vraag

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