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

Bookmark-Bar not shown in fullscreen mode with newer firefox version

more options

Hi all I like to show the bookmark toolbar in fullscreen mode. I have enabled "show always" but it does not show in fullscreen mode. On old firefox versions i could create a userChrome.css file and then it worked. But it looks like this is not possible with never (130.0.1 ATM) versions. May be the code has changed? This was my "old" css code wich is still working with firefox-esr: /*

  Override hiding of Bookmarks Toolbar in F11 full screen
  when you roll down the tabs/main toolbar 
  • /
  1. navigator-toolbox[inFullscreen="true"] #PersonalToolbar {
 visibility: unset !important;

}

Hint: toolkit.legacyUserProfileCustomizations.stylesheets is set to true.

Maybe someone has a solution how to show bookmars in fullscreen.

Hi all I like to show the bookmark toolbar in fullscreen mode. I have enabled "show always" but it does not show in fullscreen mode. On old firefox versions i could create a userChrome.css file and then it worked. But it looks like this is not possible with never (130.0.1 ATM) versions. May be the code has changed? This was my "old" css code wich is still working with firefox-esr: ''/* Override hiding of Bookmarks Toolbar in F11 full screen when you roll down the tabs/main toolbar */ #navigator-toolbox[inFullscreen="true"] #PersonalToolbar { visibility: unset !important; }'' Hint: toolkit.legacyUserProfileCustomizations.stylesheets is set to true. Maybe someone has a solution how to show bookmars in fullscreen.

All Replies (10)

more options

Try this code in userChrome.css (follows the Bookmarks Toolbar setting):

:root[inFullscreen] #PersonalToolbar[collapsed=false] {visibility:visible !important;}

Helpful?

more options

Thanks for the answer. So the userChrome.css have to look like this: /*

  Override hiding of Bookmarks Toolbar in F11 full screen
  when you roll down the tabs/main toolbar 
  • /
  1. navigator-toolbox[inFullscreen="true"] #PersonalToolbar {
 :root[inFullscreen] #PersonalToolbar[collapsed=false] {visibility:visible !important;}

If so, then it looks like it does not work. :(

Ezalaki modifié na originalraven

Helpful?

more options

No, use the :root rule instead of the #navigator-toolbox {} rule set.

Helpful?

more options

It doesn't work for me either, unless I'm mis-understanding what it's supposed to do.

Helpful?

more options

^: it says four rules in the third screenshot, but I only see one rule. What are the other rules?

The code will only work if the Bookmarks Toolbar is set to be visible (right-click in the toolbar). You can try to leave out the collapsed part and try *|*:root in case of namespace issues.

*|*:root[inFullscreen] #PersonalToolbar {visibility:visible !important;}

Helpful?

more options

I've now tried the following, individually, with all other rules deleted:—

:root[inFullscreen] #PersonalToolbar[collapsed=false] {visibility:visible !important;} :root[inFullscreen] #PersonalToolbar {visibility:visible !important;} *|*:root[inFullscreen] #PersonalToolbar {visibility:visible !important;}

with the same non-result. Bookmarks Toolbar > Always Visible is my normal setting.

The other three rules, which I repeat, were deleted for my latest experiments, are/were:—

/* Change top of Private windows to purple */ :root {
&[privatebrowsingmode="temporary"] {

   --lwt-accent-color: #55367C !important; /* Tab Bar background */
   --lwt-text-color: #ffffff !important; /* Stuff at right end of Tab Bar */
   --toolbar-bgcolor: #714FA1 !important;  /* URL and Bookmarks Bars */
   --toolbar-field-focus-border-color: #9A65E4 !important; /* Empty URL box border */
   --toolbar-color: #ffffff !important; /* Bookmark text */
   --toolbarbutton-icon-fill: #ffffff !important; /* Icons on URL and Bookmarks Bars */
   --chrome-content-separator-color: #55367C !important; /* Line under Bookmarks Bar */
 }

}

/* Reduce space between entries on pop-up menus */ toolbar-menupopup :is(menu, menuitem), .subviewbutton {
  padding: 4px !important; }

/* Move Find bar to top of screen */ .browserContainer > findbar {
  order: -1 !important;   border-top: none !important; }

Personally I never use fullscreen and was only playing about out of interest.

Helpful?

more options

Ha i think it works! See attached screenshot of userChrome.css file. Edit: To get it the way I want it, I had to activate the option “Hide toolbars”. Thank you so much!

Ezalaki modifié na originalraven

Helpful?

more options

Very useful.

Helpful?

more options

Yes, this way i can use it like a "kiosk". I think this option (to show bookmarks in fullscreen) should be a default option from firefox and not controlled over userChrome.css. Not sure why hiding the bookmarks in fullscreen.

Helpful?

more options

Yes, I've got it working now. I found switching the Bookmarks Tool bar to Only Show on New Tab and then back to Always Show did the trick.

Helpful?

Tuna motuna

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.