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

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.

Modified by scottish2

Chosen solution

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;

}

Read this answer in context 👍 0

All Replies (1)

scottish2
scottish2 Question owner
more options

Chosen Solution

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?

Ask a question

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