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.

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

This thread was archived. Please ask a new question if you need help.

Hiding titlebar in windowed mode

dodosssssssssssssss
dodosssssssssssssss
more options

I was wondering if there is a way to hide the titlebar (tabs, bookmarks, url, extensions, etc.) like fullscreen mode does while in windowed mode. A hotkey toggle would be preferred. Currently I am using some old CSS I found online but it's got some pretty glaring issues such as search suggestions being cutoff. Supposedly this was possible back in 2011 with an extension and something called "zombie mode" but the extension is no longer available (and most likely wouldn't work anymore). Thanks. 

#navigator-toolbox {
    position: relative;
    z-index: 1;
    height: 3px;
    margin-bottom: -3px;
    opacity: 0;
    overflow: hidden;
}
#navigator-toolbox:hover {
    height: auto;
    margin-bottom: 0px;
    opacity: 1;
    overflow: show;
}
#content-deck{
    position:relative;
    z-index: 0;
}
I was wondering if there is a way to hide the titlebar (tabs, bookmarks, url, extensions, etc.) like fullscreen mode does while in windowed mode. A hotkey toggle would be preferred. Currently I am using some old CSS I found online but it's got some pretty glaring issues such as search suggestions being cutoff. Supposedly this was possible back in 2011 with an extension and something called "zombie mode" but the extension is no longer available (and most likely wouldn't work anymore). Thanks. <pre><nowiki>#navigator-toolbox { position: relative; z-index: 1; height: 3px; margin-bottom: -3px; opacity: 0; overflow: hidden; } #navigator-toolbox:hover { height: auto; margin-bottom: 0px; opacity: 1; overflow: show; } #content-deck{ position:relative; z-index: 0; }</nowiki></pre>

Modified by cor-el

Chosen solution

Reddit has a sub called FirefoxCSS. I have seen similar questions posted there and switching css stanzas off and on seems to be a complex (if not, impossible) task. You could post a question there if you don't get an answer here. A (javascript?) script is probably required. Someone on github may have a solution.

Read this answer in context 👍 1

All Replies (3)

dodosssssssssssssss
dodosssssssssssssss Question owner
more options

I've now played around with multiple userChrome.css solutions listed online but the lack of a hotkey is really a big problem with it. Without having a hotkey it makes it impossible to move tabs between windows unless there is a long delay on the animation of one window. Not to mention the problems with hovering not behaving a a very comfortable manner (if a windows is covering the top of the screen, moving the mouse all the way to the top will not cause the hover event to occur).

So if anyone has a hotkey based solution that would be very much appreciated.

Terry
Terry
more options

Chosen Solution

Reddit has a sub called FirefoxCSS. I have seen similar questions posted there and switching css stanzas off and on seems to be a complex (if not, impossible) task. You could post a question there if you don't get an answer here. A (javascript?) script is probably required. Someone on github may have a solution.

dodosssssssssssssss
dodosssssssssssssss Question owner
more options

Thank you for the recommendation, there is a treasure trove of CSS on the sub. I found one that hides everything except for tabs and that has been pretty good. Someday when I have more time I may look into figuring out how to inject js to toggle css stanzas but it seems rough since userChrome.js isn't supported for security reasons.