With Firefox axing native browser plugins, there are a lot of things I can’t do in the browser anymore. Hiding the toolbars is one of those annoying things that the great gods of Firefox’s dev team have deemed an unnecessary and frivolous feature.
Never fear! As luck would have it, a small userChrome.css edit is all you need to give your browser window an auto-hiding navigation and tab bar, complete with time-delay animations so it doesn’t disappear on you when you don’t want it to!
- First, open Firefox, and under Customize, make sure “Title Bar” is checked.
- Close Firefox.
- Navigate to your Firefox profile folder. Details on how to do that for each OS are found here.
- If you see a folder named chrome, open it. If you don’t, create it.
- In that folder, create a file named userChrome.css if one doesn’t exist.
- Add the following to this file:
Save, close the file, and relaunch Firefox. Bam!
I use this with a secondary Firefox profile so that I can use Cricut Design Space as web app, separate from my regular browsing session, so that I can avoid browser crashes and other problems that might interrupt a project midway through.