Auto Hide bookmark toolbar in Firefox

As of Firefox 69, the browser will no longer load userChrome.css by default. The toolkit.legacyUserProfileCustomizations.stylesheets preference needs to be manually set to true to restore this ability.

I used to install extension for firefox have bookmark bar autohide after opening a new tab. Now somehow that extension is not available on firefox add-on store anymore…But direction pointed by Reddit shows I actually does not even need that extension…

Here below are the steps for my Firefox 68 (might work for yours as well):

  • Go to about:support within Firefox
  • Under Profile Directory, click on Open Directory
  • Create a folder called “chrome” without quotes
  • Enter chrome, right click and create a new text file. Name it “userChrome.css” without quotes
  • Copy and paste the CSS code below into userChrome.css
  • Restart Firefox (make sure “show bookmark toolbar” is checked already)


#main-window #PersonalToolbar {
visibility: collapse !important;
opacity:0 !important;
margin-top: -23px !important;
transition: all 0.2s ease 0.2s !important;
}


#main-window[title^="Mozilla Firefox"] #PersonalToolbar,
#main-window[title^="about:newtab"] #PersonalToolbar,
#main-window[title^="New Tab"] #PersonalToolbar,
#main-window[title^="Firefox"] #PersonalToolbar,
#main-window[title^="Nightly"] #PersonalToolbar {
visibility: visible !important;
margin-top: 0px !important;
transition: all 0.2s ease 0.2s !important;
opacity: 1 !important;
}

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s