We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Bookmarks toolbar has icon and text for "Bookmarks" at far right. How can I move that onto the Navigation Toolbar as an icon only?

  • 3 replies
  • 1 has this problem
  • 40 views
  • Last reply by cor-el

more options

At the far right the new Bookmarks toolbar has an icon and text for "Bookmarks". When I hide my Bookmarks toolbar, that icon jumps to my Navigation Bar as an icon only (which I prefer). How can I move that icon PERMANENTLY onto the Navigation Toolbar as an icon only, so that it does NOT appear on the Bookmarks toolbar? Thanks.

At the far right the new Bookmarks toolbar has an icon and text for "Bookmarks". When I hide my Bookmarks toolbar, that icon jumps to my Navigation Bar as an icon only (which I prefer). How can I move that icon PERMANENTLY onto the Navigation Toolbar as an icon only, so that it does NOT appear on the Bookmarks toolbar? Thanks.

All Replies (3)

more options

Firefox displays the Bookmarks Menu button on the Bookmarks Toolbar if that bar is visible and that button can only be at one toolbar at the time.
The Bookmarks Menu button is usually only visible if the Menu Bar is hidden.


Add code to userChrome.css below the @namespace line.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* hide the Bookmarks text on the Bookmarks Menu button */
#bookmarks-menu-button .toolbarbutton-text { display:none !important }

/* display the Bookmarks Menu button */
#bookmarks-menu-button-container { display: -moz-box !important }

See:

more options

Dear cor-el: Impressive but complicated. I've never before created a userChrome.css file. For the moment, I'll pass. BUT ... later, if I want ONLY to delete the text "Bookmarks" after the icon (and leave the icon on my new Bookmarks toolbar), how much of your code above should I use?

Thanks.

more options

You can use the ChromEdit Plus or Stylish extension to make it easier.