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!

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

Putting bookmarks into Tab bar makes Tabs disappear

user1081854
user1081854
more options

Steps to reproduce: -> Reset Firefox Layout to default -> Add lots of bookmarks (more than fit on your screen) to your bookmark bar. -> Display the bookmark bar. There should be a >> symbol on the right, as not all bookmarks fit there -> Go to customize -> Drag the bookmark area (the element that actually displays the bookmarks from the bar) away from the bookmark bar and put it to the right of the tabs section. -> Hide the (now empty) bookmark bar. -> Close customization. Problem: The bookmarks now completely hide the tabs and there are no more tabs displayed. Eventually, depending on where you placed the bookmarks element, there is a superposition of both to the very left.

Steps to reproduce: -> Reset Firefox Layout to default -> Add lots of bookmarks (more than fit on your screen) to your bookmark bar. -> Display the bookmark bar. There should be a >> symbol on the right, as not all bookmarks fit there -> Go to customize -> Drag the bookmark area (the element that actually displays the bookmarks from the bar) away from the bookmark bar and put it to the right of the tabs section. -> Hide the (now empty) bookmark bar. -> Close customization. Problem: The bookmarks now completely hide the tabs and there are no more tabs displayed. Eventually, depending on where you placed the bookmarks element, there is a superposition of both to the very left.

Chosen solution

You can constrain the width of the Bookmarks Toolbar Items element with a user style.

  1. Install Stylish and restart Firefox when prompted.
  2. Click the ≡ Menu Button and choose Add-ons.
  3. In the Add-ons Manager, click User Styles on the left.
  4. Click the Write New Style button at the top. Paste the following in the text box, give the style a name, then click the Save button. 
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#TabsToolbar > #personal-bookmarks { max-width: 400px !important; }

If you don't want to install an add-on, you can use the userChrome.css file instead, but I don't recommend it.

Read this answer in context 👍 0

All Replies (3)

Gingerbread Man
Gingerbread Man
more options

Chosen Solution

You can constrain the width of the Bookmarks Toolbar Items element with a user style.

  1. Install Stylish and restart Firefox when prompted.
  2. Click the ≡ Menu Button and choose Add-ons.
  3. In the Add-ons Manager, click User Styles on the left.
  4. Click the Write New Style button at the top. Paste the following in the text box, give the style a name, then click the Save button. 
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#TabsToolbar > #personal-bookmarks { max-width: 400px !important; }

If you don't want to install an add-on, you can use the userChrome.css file instead, but I don't recommend it.

user1081854
user1081854 Question owner
more options

Thanks for this workaround! Hope the developers will make this unnecessary in an upcoming update.

Gingerbread Man
Gingerbread Man
more options

kalsan wrote: 

Thanks for this workaround!

You're quite welcome.

kalsan wrote: 

Hope the developers will make this unnecessary in an upcoming update.

It's still a problem in the latest Nightly (which is currently Firefox 32). Also, it looks like this has been an issue since Firefox 16, if not earlier. You can monitor the following bug report for any progress.