If you use the bookmarks bar on Google Chrome or Firefox, sometimes space is at a minimum. When you bookmark a site, it includes the site’s icon as well as the text description about the site. That is shortened when the icon is added to the bookmarks bar, but not completely.
That leads you to having to click the arrow icon on the right for a dropdown of the rest of them. You can edit the text for the bookmark to something shorter, or simply just make it display the icon only.
Edit Icons on Chrome Bookmarks Bar
If you use bookmarks in Chrome, chances are you have a lot of them saved already. To edit them or only display the site icon, right-click it and then select Edit.
Then, you can type in whatever you want in the Name field. Changing it to something shorter than the entire name and definition of the site allows for more room on the bar. Or, if you just want the icon, delete the field entirely.
If you want to make sure the bookmark is edited or only the icon from the get go, click the bookmark this page (star icon) in the address field and give it whatever name you want or, delete the field entirely.
Bookmarks for Firefox
You can do the same thing with Firefox too. Just right-click the bookmark icon and select Properties. Then under the Name field, clear out the Name field and click Save.
Here’s an example of several bookmarks that are only displaying the site icons. The other thing I like to do with Firefox is stick separators between each one.
Displaying only the icon works for well known sites like YouTube, Google, and Facebook, but some sties you’ll want at least some initials or a brief description so you can tell them apart.
When you make only the site icons display on the bookmarks bar, gives you a lot more space to display several more at a time.