Mozilla Firefox Bookmarks Toolbar Tweaks: Auto-Hide and Multi-Row Toolbar

Here are 2 great tips for Mozilla Firefox users. If you use Bookmarks to store your favorite websites links in Firefox, this topic will definitely help you.

Today in this tutorial, we are going to tell you how to make Bookmarks toolbar auto-hidden and how to make Bookmarks toolbar to show in multiple rows in Firefox.

So without wasting time, lets share the tricks:

1. Make Firefox Bookmarks toolbar Auto-hidden:

Open "userChrome.css" file and copy paste following lines at the end of file:

/* Auto-hide bookmarks toolbar */
#PersonalToolbar {visibility: collapse !important;}
#navigator-toolbox:hover > #PersonalToolbar {visibility: visible !important;}

2. Make Firefox Bookmarks toolbar to show in Multiple rows:

Open "userChrome.css" file and copy paste following lines at the end of file:

/* Multi-row bookmarks toolbar*/
#bookmarksBarContent
{display:block !important;}
.places-toolbar-items
{display:block !important;
height: 35px !important;
overflow-y:auto !important;}
#bookmarksBarContent toolbarseparator
{display:inline !important;}
#bookmarksBarContent .bookmark-item
{visibility: visible !important;}
.chevron {height: 0px !important;}

NOTE: To know about the location and more information about "userChrome.css" file go through following link:

All About Mozilla Firefox Profile Folder and Configuration Files





Share this article: Facebook | Twitter | Google+ | Reddit | Tell a friend

Posted in: Mozilla Firefox


Other similar articles that may interest you


Comments

  • Is there any way to make it so that when the bar appears it come up in front of the page rather than shifting it down?

  • VG

    ^^ Not possible afaik.

  • When the bookmarks toolbar appears after being auto-hidden it pushes the contents of the page down. Is there any way to make the toolbar overlay the content of the page instead so that nothing shifts?

  • VG

    ^^ Afaik not possible but will try to look into your request and if I come across any solution, will let you know.

  • Hi. Does "Multiple rows" still work in Firefox 12? I had to create the chrome folder as well as the .css file with the code in it but it doesn't work. Thanks.

Leave a Comment

(required)