Automatically Hide The Firefox Bookmarks Bar When Not In Use

The bookmarks bar is a useful way to quickly access your favourite sites, but it takes up a lot of vertical space. Here’s how to make Firefox hide it when you aren’t moused over it.

We shared a CSS tweak to automatically hide the bookmark bar back in Firefox 3, but reader PrairieMoon points us to a Firefox 4-compatible version that’s a bit nicer and more customizable:

@namespace url(;

#PersonalToolbar {
visibility: collapse !important;
opacity: 0.1;
-moz-transition: visibility 30s, opacity 30s ease !important;

#navigator-toolbox:hover #PersonalToolbar {
visibility: visible !important;
opacity: 9;
-moz-transition: visibility !important;

You can either add this to your userChrome.css file or install it as a Stylish script from the link below. As it is, it will gradually “fade out” your bookmarks bar for 30 seconds, before disappearing entirely. If you’d like it to disappear a bit quicker, you can change the two 30s values above to something smaller, say 2s or 3s. This will make it disappear much faster, and give you that vertical space to work with until you need it again. Whenever you mouse over the Firefox toolbar, your bookmark bar will show back up.

Some may find it a little too much of a “parlour trick”, as PrairieMoon describes, but I actually find it extremely useful for, say, my netbook, on which vertical space is a premium. Eye candy aside, I found it to be a pretty useful feature. Hit the link to see more.

Firefox 4 Autohide Bookmarks Toolbar Timed Delayed []

The Cheapest NBN 50 Plans

Here are the cheapest plans available for Australia’s most popular NBN speed tier.

At Lifehacker, we independently select and write about stuff we love and think you'll like too. We have affiliate and advertising partnerships, which means we may collect a share of sales or other compensation from the links on this page. BTW – prices are accurate and items in stock at the time of posting.


Leave a Reply