Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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 completely remove the bar above the URL bar? I don't need to see horizontal tabs or the Close/Minimize/Restore buttons.

  • 2 replies
  • 1 has this problem
  • 1 view
  • Last reply by tailonfire

more options

How can I completely remove the bar above the URL bar? I don't need to see horizontal tabs or the Close/Minimize/Restore buttons.

I can close/minimize/restore by right-clicking the Firefox box on my Linux Mint's bottom panel.


My userChrome.css looks like this:

/* Hide horizontal tabs at the top of the window */
#tabbrowser-tabs {
  visibility: collapse !important;
}

#titlebar {
  visibility: collapse;
}


#tabbrowser-tabs { visibility: hidden !important; }
tab { display: none !important; }

#sidebar-header {
  visibility: collapse !important;
}
How can I completely remove the bar above the URL bar? I don't need to see horizontal tabs or the Close/Minimize/Restore buttons. I can close/minimize/restore by right-clicking the Firefox box on my Linux Mint's bottom panel. My userChrome.css looks like this: <pre><nowiki>/* Hide horizontal tabs at the top of the window */ #tabbrowser-tabs { visibility: collapse !important; } #titlebar { visibility: collapse; } #tabbrowser-tabs { visibility: hidden !important; } tab { display: none !important; } #sidebar-header { visibility: collapse !important; }</nowiki></pre>
Attached screenshots

Modified by cor-el

Chosen solution

This line of code does the trick!

#titlebar {
display: none !important;
}
Read this answer in context 👍 0

All Replies (2)

more options

Hi tailonfire, please use <pre> tags around your code so the forum software doesn't think you are giving it formatting instructions.

My userChrome.css looks like this:
/* Hide horizontal tabs at the top of the window */
#tabbrowser-tabs {
  visibility: collapse !important;
}

#titlebar {
  visibility: collapse;
}

/* visibility: collapse is better, so remove this */
#tabbrowser-tabs { visibility: hidden !important; }

tab { display: none !important; }

#sidebar-header {
  visibility: collapse !important;
}

Perhaps you also need to suppress the New tab button and the All tabs list button. I don't know about the standard OS buttons. Linux works differently than Windows.

If you don't get the full recipe here, try:

https://www.reddit.com/r/FirefoxCSS/

more options

Chosen Solution

This line of code does the trick!

#titlebar {
display: none !important;
}

Modified by tailonfire