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

How to make bookmarks show under address bar in fullscreen mode?

  • 5 ŋuɖoɖowo
  • 1 masɔmasɔ sia le esi
  • 1 view
  • Nuɖoɖo mlɔetɔ 951487

more options

Hi, I would like bookmarks bar to appear when I move my cursor to the top of screen. Only the address bar appears but bookmarks bar does not. When I leave fullscreen mode the bookmarks bar is there.

I don't want to use any keyboard shortcuts or click on bookmarks button. I just would like the bookmarks bar to appear under address bar when they slide out in fullscreen mode. This would be very helpful for UX.

Hi, I would like bookmarks bar to appear when I move my cursor to the top of screen. Only the address bar appears but bookmarks bar does not. When I leave fullscreen mode the bookmarks bar is there. I don't want to use any keyboard shortcuts or click on bookmarks button. I just would like the bookmarks bar to appear under address bar when they slide out in fullscreen mode. This would be very helpful for UX.

All Replies (5)

more options

Hello,

You can do it one of two ways. In full screen mode, hit CTRL+I to display bookmarks in the sidebar (repeat to turn off).


                                        - or-

in the location bar at the top, type about:config and hit Enter.

In the filter at the top, copy/paste the following: browser.fullscreen.autohide

Double click it to change it from True to False, then close the tab.

In full screen mode, the tabs and toolbars will subsequently remain visible.

I hope resolve your problem then reply back to me.

Thank you

more options

Thank you Arman but as I wrote in question, I don't want to use to use the keyboard shortcut for this and I want autohide to still work.

BTW. shortcut for bookmarks is ctrl + b.

951487 trɔe

more options

hello

So... the add-on solves your problem, or you are looking for another approach?

Firefox allows you to apply custom style rules to modify the interface. In a little test, this rule worked for me:

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

  1. navigator-toolbox[inFullscreen] #PersonalToolbar{
 visibility: visible !important;

}

You can apply custom style rules to the interface using either:

   Stylish extension (https://addons.mozilla.org/firefox/ad.../stylish/)
   userChrome.css file (http://kb.mozillazine.org/userChrome.css)
more options

You need to use code in userChrome.css to make the Bookmarks Toolbar visible in Full Screen mode.


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

*|*:root[inFullscreen] #PersonalToolbar:not([collapsed="true"]){
  visibility:unset !important;
  max-height:unset !important;
}

It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a plain text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted. On Mac you can use the TextEdit utility to create the userChrome.css file as a plain text file.

In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".

You need to close (Quit/Exit) and restart Firefox when you create or modify the userChrome.css file.

See also:

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

See:

more options

cor-el said

You need to use code in userChrome.css to make the Bookmarks Toolbar visible in Full Screen mode. ...

Thank you cor-el for this elaborate explanation. This worked as intended.

The only small problem now is that when I'm just scrolling through opened website (without moving the cursor, which sits in the middle of screen) the topbar appears for a few miliseconds which makes the website flicker. Can some properities be added/changed in userChrome.css file or config to prevent this?

951487 trɔe