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 57 tab navigation buttons

  • 3 replies
  • 1 has this problem
  • 5 views
  • Last reply by cor-el

more options

Very, very impressed with FF 57. I'm using it on Ubuntu. Kudos to developers. A few tweaks in userChrome.css and I'm nearing perfection but for one thing. I've got tab minimum width cranked down so that I can see at least an icon for some 30-40 tabs, which is more than I'll ever need in one window. There's a lot of real estate given to the left and right tab navigation buttons. I understand that they have special functionality since the tabs change width based upon the quantity. But with the outstanding functionality of the List All Tabs button they aren't really needed. I suspect that most can figure out what tab they need with just an icon, and for those times when it's not enough there's still the List All Tabs button.

Is there a way to hide the left-right buttons and give that real estate to the tabs themselves? Or, at a minimum, reduce the button padding from the left and right of the window? Thanks!

Very, very impressed with FF 57. I'm using it on Ubuntu. Kudos to developers. A few tweaks in userChrome.css and I'm nearing perfection but for one thing. I've got tab minimum width cranked down so that I can see at least an icon for some 30-40 tabs, which is more than I'll ever need in one window. There's a lot of real estate given to the left and right tab navigation buttons. I understand that they have special functionality since the tabs change width based upon the quantity. But with the outstanding functionality of the List All Tabs button they aren't really needed. I suspect that most can figure out what tab they need with just an icon, and for those times when it's not enough there's still the List All Tabs button. Is there a way to hide the left-right buttons and give that real estate to the tabs themselves? Or, at a minimum, reduce the button padding from the left and right of the window? Thanks!

All Replies (3)

more options

This code work for me in userChrome.css to hide the tab bar scroll buttons. I sometimes noticed weird effect when pinning a tab and in that case toggling Full Screen mode on/off worked to redraw the tab bar (a window resize might works as well)

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

.tabbrowser-arrowscrollbox :-moz-any(.scrollbutton-up,.scrollbutton-down) {display:none!important;}

  • create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • use a plain text editor to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • paste the code in the userChrome.css file in the editor window
  • make sure that the userChrome.css file starts with the default @namespace line

Modified by cor-el

more options

Thank you so much, cor-el! Works perfectly and frees up a ton of real estate. I think that'd be a great tip for the user manual.

more options

You're welcome and thanks for confirming that the code works.