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.

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

Firefox 133 update moved tab location, again.

more options

I prefer the tabs be below the bookmark bar, and successfully modified the CSS file to do this some time back. Now update 133 has once again pushed them up below the menu bar. What do I have to do to get them back where I want them this time? And why can't you just leave the tab location preference alone when doing updates?

I prefer the tabs be below the bookmark bar, and successfully modified the CSS file to do this some time back. Now update 133 has once again pushed them up below the menu bar. What do I have to do to get them back where I want them this time? And why can't you just leave the tab location preference alone when doing updates?

All Replies (4)

more options

You can check if there is an update available from the creator of your CSS code, there might be a link in the code where you can get the latest version.

You can set this pref to false in about:config to disable userChrome.css and userContent.css.

Helpful?

more options

This worked for me:

/* TABS on bottom */

  1. navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
-moz-box-ordinal-group: 10;

}

  1. TabsToolbar {
-moz-box-ordinal-group: 1000 !important;

}

  1. TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;

}

  1. main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;

}

  1. tabbrowser-tabs {
width: 100vw !important;

}

  1. TabsToolbar #window-controls {
display: none !important;

}

Helpful?

more options

Cor-el - Last update regarding tabs on userChrome.org was the one I used for versions before 133, that's stopped working.

Minnie - When I copined your recommendation, the "1. " in front of some lines didn't copy. Do they need to be there? Tried pasting your recommendation into userChrome.css without them and the tabs still come out on top. Did you change anything else, besides adding the code you suggested?

Helpful?

more options

PIckAnotherID said

Cor-el - Last update regarding tabs on userChrome.org was the one I used for versions before 133, that's stopped working.

Sorry, I don't maintain code for moving tabs because it changes too often. You can try code you find here, or one of these two major repositories:

For personal assistance with userChrome.css questions, I suggest this subreddit: https://www.reddit.com/r/FirefoxCSS/

As for why there need to be changes at all, the Firefox interface was built using proprietary code rather than standard HTML and CSS, and over time, they are modernizing different parts of it. For custom CSS purposes, it certainly would have been convenient if that were done all at once, but too late now.

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.