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

How can I remove the 1px border on top of the tabs bar in FF38+?

more options

I've noticed an annoyance recently. In FF38, there appears to be an area 1px in height above the tabs bar that appears to be what's left of the titlebar. Clicking on this space doesn't select the tab just below it, but the entire FF window, which you can then drag around.

I submit that this behavior is not very useful and leads to slower browsing because I always must be sure the cursor is just below that 1px line. Otherwise you end up unmaximizing and dragging around windows.

Doing some research I've found that this topic has been previously broached here: https://support.mozilla.org/en-US/questions/1013963

The one suggestion was to add the following line to userChrome.css (and before everyone asks, yes, I do have this set up properly and have seen it work by setting weird numbers and colors for UI elements): [code]

  1. TabsToolbar {margin-top:-1px !important;}

/code

This didn't work for me. I found another questioner who asked that this 1px line be restored: https://support.mozilla.org/en-US/questions/942800

But adding this line (substituting 1px for -1px also didn't solve my problem: [code]

  1. main-window[sizemode="maximized"] > #titlebar { margin-bottom: -1px; }

/code

This behavior occurs even with all UI extensions (e.g. Classic Theme Restorer) disabled, so it's not one of those causing this phenomenon. The UI extensions I do have also offer no fix for this problem. At this point, I'm out of ideas. Can anybody help?

I've noticed an annoyance recently. In FF38, there appears to be an area 1px in height above the tabs bar that appears to be what's left of the titlebar. Clicking on this space doesn't select the tab just below it, but the entire FF window, which you can then drag around. I submit that this behavior is not very useful and leads to slower browsing because I always must be sure the cursor is just below that 1px line. Otherwise you end up unmaximizing and dragging around windows. Doing some research I've found that this topic has been previously broached here: https://support.mozilla.org/en-US/questions/1013963 The one suggestion was to add the following line to userChrome.css (and before everyone asks, yes, I do have this set up properly and have seen it work by setting weird numbers and colors for UI elements): [code] #TabsToolbar {margin-top:-1px !important;} [/code] This didn't work for me. I found another questioner who asked that this 1px line be restored: https://support.mozilla.org/en-US/questions/942800 But adding this line (substituting 1px for -1px also didn't solve my problem: [code] #main-window[sizemode="maximized"] > #titlebar { margin-bottom: -1px; } [/code] This behavior occurs even with all UI extensions (e.g. Classic Theme Restorer) disabled, so it's not one of those causing this phenomenon. The UI extensions I do have also offer no fix for this problem. At this point, I'm out of ideas. Can anybody help?

Chosen solution

I've finally found the magical incantation - just need to set margin-top to 0px. Which I suppose makes sense, and isn't so magical, so I'm kicking myself a bit. Again, simply:

  1. TabsToolbar {margin-top:0px!important;}
Read this answer in context 👍 0

All Replies (2)

more options

Apologies for the slightly mangled formatting above...

more options

Chosen Solution

I've finally found the magical incantation - just need to set margin-top to 0px. Which I suppose makes sense, and isn't so magical, so I'm kicking myself a bit. Again, simply:

  1. TabsToolbar {margin-top:0px!important;}