Auto Hide bookmark toolbar in Firefox (Deprecated in FF v72 and newer)

As of Firefox v72, this method is deprecated.

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