Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

ابحث في الدعم

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

Tabs on Bottom Release 89.0

  • 3 ردود
  • 1 has this problem
  • 3 views
  • آخر ردّ كتبه Paul

more options

Hello, all.

This is not a question but a pointer for those who have successfully been using userChrome.css to put the tabs where they belong, below the Bookmarks bar. :-)

If you used a userChrome.css solution such as that presented in threads like the support article "tabs on bottom release 72.0.1" (full disclosure, that is my solution), then you just need to add to the #TabsToolbar section one line:

top: var(--uc-titlebar-padding,86px);

You can play with the "86px" until you have the tabs where you like them. Depending upon my profile and other CSS options, I have to move that a few pixels up or down to get it looking just right.

Hello, all. This is not a question but a pointer for those who have successfully been using userChrome.css to put the tabs where they belong, below the Bookmarks bar. :-) If you used a userChrome.css solution such as that presented in threads like [[tabs on bottom release 72.0.1|the support article "tabs on bottom release 72.0.1"]] (full disclosure, that is my solution), then you just need to add to the '''#TabsToolbar''' section one line: top: var(--uc-titlebar-padding,86px); You can play with the "86px" until you have the tabs where you like them. Depending upon my profile and other CSS options, I have to move that a few pixels up or down to get it looking just right.

الحل المُختار

Me, again!

You can use just this in the #TabsToolbar section:

top: 86px !important;

The "var" part was for some other calculations; it is not needed, here, if you know exactly where you want the tabs to appear.

If you want the tabs position to be more dynamic, you can get fancy and calculate how far from the top to put the tabs. For example, if you like to turn your Bookmarks Toolbar on and off, you might not want your tabs suddenly intruding on your web page.

Read this answer in context 👍 0

All Replies (3)

more options

Sorry about the link, above. It should be this support article .

more options

الحل المُختار

Me, again!

You can use just this in the #TabsToolbar section:

top: 86px !important;

The "var" part was for some other calculations; it is not needed, here, if you know exactly where you want the tabs to appear.

If you want the tabs position to be more dynamic, you can get fancy and calculate how far from the top to put the tabs. For example, if you like to turn your Bookmarks Toolbar on and off, you might not want your tabs suddenly intruding on your web page.

more options

Thank you for your feedback.